超简单解决token问题和登陆验证回弹问题

方法一:
1.下图为登录页登陆成功时,后台返回一个token,我们通过window.sessionStorage.setItem保存token
超简单解决token问题和登陆验证回弹问题_第1张图片

2.超简单解决token问题和登陆验证回弹问题_第2张图片上图为请求拦截器通过config.headers.Authorization 验证token是否存在,如果不存在,页面内无法向服务器发送请求

3.设置路由导航卫士router.beforeEach((to, from, next)。如其他页面不带token.强制弹回登陆页
超简单解决token问题和登陆验证回弹问题_第3张图片

你可能感兴趣的:(token及登陆验证回弹,es6模块化开发,vue,es6,node.js,webpack,vue.js,javascript)