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