我在我的 React 应用程序中使用 axios,在我的许多脚本中使用 import axios from 'axios 。我想使用一种为所有 axios 调用/错误调用的中间件。我该如何处理这个问题?

请您参考如下方法:

根据文档 - 您需要创建一个文件,即

// api-client.js 
 
import axios from 'axios'; 
 
// Add a request interceptor 
axios.interceptors.request.use(function (config) { 
    // Do something before request is sent 
    console.log(config); 
    return config; 
  }, function (error) { 
    // Do something with request error 
    return Promise.reject(error); 
  }); 
 
// Add a response interceptor 
axios.interceptors.response.use(function (response) { 
    // Do something with response data 
    return response; 
  }, function (error) { 
    // Do something with response error 
    return Promise.reject(error); 
  }); 
 
export default axios; 

然后从您的容器或 Controller 中导入上述文件:

// Home.js 
import apiClient from './api-client.js'; 


评论关闭
IT虾米网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!