前言
在项目中,我们很多时候都需要对用户身份进行判断,在用户身份无法被验证时,我们返回{status:401,msg:‘XXX’}等,如若能在axios处统一拦截处理,会方便许多;同样,如果在后台gateway处,也能提前对token进行统一验证,避免异常用户的异常访问。
正文
首先在Vue封装的axios工具类中,统一对axios进行拦截操作
// 添加响应拦截器
axios.interceptors.response.use(function (response) {
if (response.data.status === 401) {
Router.push('/login')
}
return response
}, function (error) {
return Promise.reject(error)
})
此时,如若后退返回数据的status为401,直接跳转至登录页面。
接着,在后台Ga