Vue 拦截器对token过期处理方法

网友投稿 417 2023-02-25


Vue 拦截器对token过期处理方法

最近在做的一个项目,需要每个http请求下 都要添加token,这样无疑是增加了工作量。而vue 拦截器interceptors正好可以解决我们的需求。

Vue.http.interceptors.push(function (request, next) {//拦截器设置请求token

// sessionStorage.getItem("tokenUrl");

request.headers.set('token', sessionStorage.getItem("tokenVal"));

if (request.url.indexOf(url) === -1) {

request.url = url + request.url;

}

//qIzmoyf continue to next interceptor

next(function (response) {

// ..if(response.body.code=="失败码")

{

parent.location.href="登录页面路径" rel="external nofollow" ;

}.

// 请求发送后的处理逻辑

// ...

// 根据请求的状态,response参数会返回给successCallback或errorCallback

return response

});

});


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:基于vue2.x的电商图片放大镜插件的使用
下一篇:Spring Aop之AspectJ注解配置实现日志管理的方法
相关文章

 发表评论

暂时没有评论,来抢沙发吧~