工具:vue + nodejs(express)
简单的说一下思路,如果demo中有错误或者考虑不周全的地方希望各位指出共同进步。
在登陆之后在我们的node.js服务器上使用md5将session与userID进行加密。将加密后的值token存储在session中,并且将userID保存在session中。然后将token的值返回给客户端。客户端使用sessionStorage将token的值存储。当跳转的目标路由需要登陆验证的时候,发出验证请求。如果有效,则next()跳转到目标路由。否则,跳转到login路由。
那么,现在开始demo。
1.登陆成功,vue使用session Storage保存token
注意:axios请求需要在config目录下的index.js中配置服务器代理
login: function () {
this.axios.post('api/user/login', { //vue axios发出请求
userID: this.userID,
userPwd: this.userPwd
})
.then( res => { //注册回调函数
if (res.data.err