vue工作流程图
在前后端完全分离的情况下,Vue项目中实现token验证大致思路如下:
简单举例说明:
① 调登录接口成功,在回调函数中将token存储到localStorage和vuex中(login.vue中)
② store文件夹下的index.js
③ 路由守卫(router文件夹下的index.js)
④ 请求头加token
⑤ 如果前端拿到状态码为401,就清除token信息并跳转到登录页面
流程图:
在前后端完全分离的情况下,Vue项目中实现token验证大致思路如下:
简单举例说明:
① 调登录接口成功,在回调函数中将token存储到localStorage和vuex中(login.vue中)
② store文件夹下的index.js
③ 路由守卫(router文件夹下的index.js)
④ 请求头加token
⑤ 如果前端拿到状态码为401,就清除token信息并跳转到登录页面
流程图: