(vue、react)使用axios请求的接口状态监听处理
完整流程
1、引入axios对象:
import axios from 'axios';
2、设置请求地址:
axios.defaults.baseURL = 'http://XXX.com';
3、请求超时时长设置:
axios.defaults.timeout = 180000; // 请求超时时间
4、设置请求头:
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
axios.defaults.headers.get['Content-Type'] = 'application/x-www-form-urlencoded';
5、请求接口的状态监听及处理(敲黑板!重点!重点!重点!):
(1)请求前拦截处理:
箭头函数写法(比较推荐)
axios.interceptors.request.use(
config => {
~这里是相应的处理逻辑~
return config