401状态码的含义和处理 401状态码的含义 axios向服务器端发送请求时，有两种情况会出现401状态码(unauthorized未授权)： 1. 服务端要求传递token信息，而实际发送请求时没有传递。 2. 发送请求时有传递token到达服务器端，但由于时间比较久，这个token在服务器中已经过期了(服务器存储token有效期时间为2个小时)。 总之，服务器端有些api接口要求传递token，token失效或没有传递，就会报401错误。 401状态码的处理 1. 在axios请求拦截器中做token传递操作。 2. 可以这样设置，在axios响应拦截器中判断请求状态如果是401，就强制用户重新登录系统。 第2种情况处理实现： 在axios的响应拦截器中，判断错误码等于401就强制登录(utils/ax.js) 注意： 1. 路由对象.push(xxx) 可以实现编程式导航。 2. 路由对象：在组件中是 this.$router ，在main.js/ax.js文件中就是router对象(需要import导入)。 模拟服务器端token失效步骤： 1. 删除客户端sessionStorage数据。 2. 暂时屏蔽守卫代码(开发完毕再打开)。 401状态码升级处理 401状态码 axios向服务器端发送请求时有两种情况会出现401状态码(unauthorized未授权)： 1. 服务端要求传递token信息，而实际没有传递。 2. 有传递token到达服务器端，但由于时间比较久，这个token在服务器中已经过期了(服务器存储token有效期时间为2个小时)。 总之，服务器端有些api接口要求传递token，token失效或没有传递，就会报401错误。 相关处理 1. 第1种情况，可以在axios请求拦截器中做token传递操作。 2. 第2种情况，之前是这样处理的，在axios响应拦截器中判断请求状态如果是401，就强制用户重新登录系统 这样处理用户体验非常不好，现在做一次升级优化处理。  服务器端返回两个秘钥信息，它们在服务端都有使用时效: token 有效期2小时。refresh_token 有效期14天，refresh_token用于在token过期后，重新获取并刷新token时效使用的。 针对第2种401状态码处理步骤为： 1. 判断refresh_token是否存在 不存在就直接重新登录。 存在，axios发起请求，带着refresh_token请求服务端，获取新token出来： 成功：对vuex和localStorage进行token信息更新。 失败：清空无效用户信息，直接重新登录。 示例代码1  演示代码：promise错误处理: 示例代码2 以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。  您可能感兴趣的文章:http 200、301、304等状态码详解