全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  应聘面试  >  html5面试题

谈谈Vue的token存储

发布时间:2022-09-30 15:21:00
发布人:qyf

谈谈Vue的token存储

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

  1、第一次登录的时候,前端调后端的登陆接口,发送用户名和密码

  2、后端收到请求,验证用户名和密码,验证成功,就给前端返回一个token

  3、前端拿到token,将token存储到localStorage和vuex中,并跳转路由页面

  4、前端每次跳转路由,就判断 localStroage 中有无 token ,没有就跳转到登录页面,有则跳转到对应路由页面

  5、每次调后端接口,都要在请求头中加token

  6、后端判断请求头中有无token,有token,就拿到token并验证token,验证成功就返回数据,验证失败(例如:token过期)就返回401,请求头中没有token也返回401

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

相关文章

前端公司面试题——jquery移除class

2023-08-07

前端JavaScript面试题——js时间戳转换时间的方法

2023-08-04

前端中JavaScript常见的面试题——js年月日转为时间戳

2023-08-02

前端jquery面试题——jquery字符串包含哪些?

2023-08-01

前端JavaScript面试题——js如何创建函数?

2023-07-31

前端程序员面试题——jquery发送get请求的步骤

2023-07-28
在线咨询 免费试学 教程领取