axios请求响应拦截器

axios拦截器

请求拦截器
对发送的请求作出一定修改,下面例子
1.Nprogress.start()是窗口展示请求进度条
2.config.headers.Authorization
请求头里面Authorization,添加token才能获取数据
3. return config 将请求数据包装好重新发送出去给服务器

// 请求拦截器
axios.interceptors.request.use(config => {
  // 在request拦截器中展示进度条 NProgress.start()
  Nprogress.start()
  // 请求头里面Authorization,添加token才能获取数据,
  config.headers.Authorization = window.sessionStorage.getItem('token')
  return config
})

响应拦截器
将响应的数据做一定修改
Nprogress.start()是请求成功隐藏请求进度条
return config 将请求数据包装好重新发送给客户端

axios.interceptors.response.use(res=> {
---/把响应的数据里的data值拿出来
---/响应数据发生改变
---/一般不这样做,这个只是例子
var config= res.data
  Nprogress.done()
  return config
})
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值