vue工作流程图

2023-04-11 09:56:04 来源:网络

vue工作流程图

Vue项目中用户登录及token验证及流程图

在前后端完全分离的情况下,Vue项目中实现token验证大致思路如下:

简单举例说明:

① 调登录接口成功,在回调函数中将token存储到localStorage和vuex中(login.vue中)

② store文件夹下的index.js

③ 路由守卫(router文件夹下的index.js)

④ 请求头加token

⑤ 如果前端拿到状态码为401,就清除token信息并跳转到登录页面

流程图: