千锋教育-做有情怀、有良心、有品质的职业教育机构
在前后端完全分离的情况下，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信息并跳转到登录页面
上一篇
获取第二大的数字
小伙伴们!今天我们要来聊聊前端JavaScript的一个面试题，那就是如何把时间戳转换成普通的时间格式呢?这个问题可是前端面试中的常客哦!别担心，...详情>>
2023-08-04 08:59:00
在网络中使用最多的图片格式主要有JPEG、PNG和GIF。下面我将为你详细介绍这三种图片格式。JPEG(JointPhotographicExpertsGroup)：JPEG是一种广...详情>>
2023-07-19 15:56:35
答案：跨域请求是指在浏览器中，通过JavaScript在一个域名下发起对另一个域名的请求。由于浏览器的同源策略(Same-OriginPolicy)限制，跨域请求...详情>>
2023-07-18 14:04:00
所以我们可以将请求发送到自己服务器，然后自己服务器去请求目标接口资源，最后自己服务器将接口资源返回给当前页面，类似于找外援代替自己请求...详情>>
2022-08-23 17:45:21
HTTP2.0和HTTP1.X相比的新特性 - 新的二进制格式（Binary Format），HTTP1.x的解析是基于文本，基于文本协议的格式解析存在天然缺陷，文本的表...详情>>
2022-08-23 17:45:15
京公网安备 11010802030320号