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
})

你可能感兴趣的:(axios请求响应拦截器)