Webapp 关闭后重新打开无需登录如何操作？

Question

我是个新人，最近给公司做一个webapp（是那种扫描二维码进入页面的），测试的时候有个问题就是，如果关闭了页面，重新扫描二维码会要求重新登录，非常的麻烦，我查询了百度，发现用HTML5的localStorage可以解决，但我毕竟是个新人，所以不知道，这个如何和数据库里面的数据进行匹配或者校验？

Answer 1

看你服务器是用的什么认证，你要问后端人员，如果是cookie认证的话就不用前端这边加特殊操作。

如果是要把token认证的话，那就每次进页面调取任意一个需要带token的接口，如果调取失败则说明没有登录，如果调取成功则说明已经登录。

只要你不清掉储存的token，或者token不过期，则就是自动登录的。

Answer 2

islogin(){
    let user = localStorage.getItem("USER_INFO") 
    if(user){
        // 登陆了
    }else{
        // this.login({user})
    }
},
login(){
    ....ajax
    success(user){
        // 登陆成功后
        localStorage.setItem("USER_INFO",user)
    }
}

Answer 3

1、前后端不分离：登录状态应该由后端来维护；
2、前后端分离：用户登录成功后，后端返回一个token，前端将token存在本地（localstorage或者cookie），每次请求的时候带上token即可。