vue-resource拦截器interceptors使用

在vue项目使用vue-resource实现异步加载的过程中,需要在任何一个页面任何一次http请求过程中,增加对token过期的判断,如果token已过期,需要跳转到登录页面。如果要在每个页面中的http请求操作添加一次判断,这个工作量太大,那么需要vue-resource是否存在一个对于任何一次请求响应捕获公共回调函数
vue-resource中interceptors拦截器在每次http请求响应之后,如果设置了拦截器,会优先执行拦截器函数,获取响应体,然后才会决定是否把response返回给then进行接收。
一、安装与引用

// 安装:npm install vue-resource --save-dev
import Vue from 'vue'
// 引入资源请求插件
import VueResource from 'vue-resource'
// 使用VueResource插件
Vue.use(VueResource)

//也可以讲此写为函数,挂在但main.js中
import { modifyRequest } from '@/utils/config'
modifyRequest(Vue)
export function modifyRequest(Vue) {
	Vue.http.interceptors.push((request, next) => {
 		next((response) => {  // 在响应之后传给then之前对response进行修改		和逻辑判断。对于token已过期,就添加在此处。页面中任何一次http请求都会先调用此处方法
 		})
	})
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值