(vue、react)使用axios请求的接口状态监听处理

(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