这周下来,我们要写的东西基本上都写完了,剩下的都是进行细节的完善,然后就是对axios的拦截器的使用,我们也要进行细节的学习,然后并使用它,也是对拦截器做了一些总结
axios的拦截器分为两种:
- 请求拦截器是请求之前拦截
- 响应拦截器是响应完成后拦截
拦截器的模板:
** 请求拦截器的模板:**
1 2 3 4 5 6 7 8 9
| // 添加一个请求拦截器 axios.interceptors.request.use(function (config) { //这里可以在请求成功之前,做一些任务 return config; }, function (error) { //请求失败的返回值 return Promise.reject(error); });
|
请求拦截器的模板:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15
| // 添加一个请求拦截器的实例 axios.interceptors.request.use(function (config) { //拦截器请求成功之前 var token = sessionStorage.getItem('token') if(token == null){ return config }else{ axios.defaults.headers['token'] = token return config } return config; }, function (error) { //拦截器请求失败 return Promise.reject(error); });
|
响应拦截器的模板:
1 2 3 4 5 6 7 8
| // 添加一个响应拦截器 axios.interceptors.response.use(function (response) { //对response的数据做处理 return response; }, function (error) { // 对response的失败做处理 return Promise.reject(error); });
|
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 fortunate!