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

 更新时间:2018年01月23日 08:37:57   转载 作者:qq_36947128  
下面小编就为大家分享一篇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;
 }
 // continue to next interceptor
 next(function (response) {
 // ..if(response.body.code=="失败码")
{
parent.location.href="登录页面路径" rel="external nofollow" ;
}.
 // 请求发送后的处理逻辑
 // ...
 // 根据请求的状态,response参数会返回给successCallback或errorCallback
 return response
 });
});

以上这篇Vue 拦截器对token过期处理方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • Vue 单文件中的数据传递示例

    Vue 单文件中的数据传递示例

    本篇文章主要介绍了Vue 单文件中的数据传递示例,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-03-03
  • 关于vue状态过渡transition不起作用的原因解决

    关于vue状态过渡transition不起作用的原因解决

    这篇文章主要介绍了关于vue状态过渡transition不起作用的原因解决,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-04-04
  • vue项目中使用fetch的实现方法

    vue项目中使用fetch的实现方法

    这篇文章主要介绍了vue项目中使用fetch的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • vue相关配置文件详解及多环境配置详细步骤

    vue相关配置文件详解及多环境配置详细步骤

    这篇文章主要介绍了vue相关配置文件详解及多环境配置的教程,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-05-05
  • Vue 中使用 CSS Modules优雅方法

    Vue 中使用 CSS Modules优雅方法

    这篇文章主要介绍了Vue 中使用 CSS Modules优雅方法,本文文字结合实例代码的形式给大家介绍的非常详细,需要的朋友可以参考下
    2018-04-04
  • 使用Vue CLI创建typescript项目的方法

    使用Vue CLI创建typescript项目的方法

    这篇文章主要介绍了使用Vue CLI创建typescript项目的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08
  • vue-cli3.0配置及使用注意事项详解

    vue-cli3.0配置及使用注意事项详解

    这次给大家带来vue-cli3.0配置详解,使用vue-cli3.0配置的注意事项有哪些?本文通过实战案例给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友参考下吧
    2018-09-09
  • 在vue-cli中组件通信的方法

    在vue-cli中组件通信的方法

    本篇文章主要介绍了在vue-cli中组件通信的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-12-12
  • Vue 实现拖动滑块验证功能(只有css+js没有后台验证步骤)

    Vue 实现拖动滑块验证功能(只有css+js没有后台验证步骤)

    这篇文章给大家介绍了基于vue实现拖动滑块验证功能,代码引用css与js都是线上的,将代码全部复制到一个html中可以直接打开,超级简单,感兴趣的朋友跟随脚本之家小编一起看看吧
    2018-08-08
  • Vue resource中的GET与POST请求的实例代码

    Vue resource中的GET与POST请求的实例代码

    本篇文章主要介绍了Vue resource中的GET与POST请求的实例代码,非常具有实用价值,需要的朋友可以参考下
    2017-07-07

最新评论