七叶笔记 » java编程 » 关于401状态码的含义和处理方式

关于401状态码的含义和处理方式

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

以上为个人经验,希望能给大家一个参考,也希望大家多多支持七叶笔记。 

相关文章