关于个人全栈项目【臻美Chat】遇到的BUG以及解决方法

项目展示：

问题总结：
一、单用户重复登录设备

将每次输入的用户名与已经记录在后台的数组ar比较，如果存在则表示重复。

// 生成数组
var ar="";
socket.on(‘array’, function (val) {
ar = val;
// console.log(ar);
});

       if(ar.indexOf(lo.value)==-1){
                    sweetAlert("恭喜您，登录成功！");
                    socket.emit('setName', lo.value.trim());
                    names1(lo.value.trim());
                    login1.style.display="none";
                    document.querySelector(".bg").style.display = "none";
                    document.querySelector(".cd span").style.display = "none";
                    document.querySelector(".title img").style.display = "block";
                    document.querySelector(".fix").style.display = "block" ;
                    document.querySelector(".title").style.display = "block" ;
                    document.querySelector(".tit").innerText=lo.value.trim();
                    document.querySelector(".swal-button").onclick = function () {
                    document.getElementById("text").focus();
                    document.querySelector(".fix").addEventListener('click', function (e) {
                       if (e.target.nodeName === "LI"&&e.target.innerText != document.querySelector(".tit").innerText) {
                            document.querySelector(".fix").style.display="none";
                            document.querySelector(".chat_b").style.display="block";
                            document.querySelector(".box").style.display="block";
                            document.querySelector(".tit").innerText = e.target.innerText;
                            document.querySelector("#text").focus();
                            onOff=true;
                       }
                       else{
                        sweetAlert("不能跟自己聊天哦~");
                       }
                    })
                }
            }
            else{ sweetAlert("不能重复登录哦！"); return }

 

 

更多内容请见原文，原文转载自：https://blog.csdn.net/weixin_44519496/article/details/118669243