封装的必要性我们在使用axios进行异步操作时，可能会遇到以下情况：

• 对一个按钮频繁点击，发送多次请求
• axios的规范写法中：
  [JavaScript] 纯文本查看 复制代码

  axios.post(url, data).then(res=>{}).catch(err=>{})

  这里我们发现我们每一次写的时候，都需要写.catch(err=>{}),会造成代码的冗余
  

封装过程拦截器科普[mw_shl_code=javascript,true]/ 添加请求拦截器
axios.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    return config;
}, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
});
// 添加响应拦截器
axios.interceptors.response.use(function (response) {
    // 对响应数据做点什么
    return response;
}, function (error) {
    // 对响应错误

封装的必要性我们在使用axios进行异步操作时，可能会遇到以下情况：

• 对一个按钮频繁点击，发送多次请求
• axios的规范写法中：
  [JavaScript] 纯文本查看 复制代码

  axios.post(url, data).then(res=>{}).catch(err=>{})

  这里我们发现我们每一次写的时候，都需要写.catch(err=>{}),会造成代码的冗余
  

封装过程拦截器科普[mw_shl_code=javascript,true]/ 添加请求拦截器
axios.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    return config;
}, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
});
// 添加响应拦截器
axios.interceptors.response.use(function (response) {
    // 对响应数据做点什么
    return response;
}, function (error) {
    // 对响应错误