如何在React中使用axios设置全局请求拦截器和响应拦截器

要在React中使用axios设置全局请求拦截器和响应拦截器，可以在项目的根文件中（如src/index.js）中导入axios并配置拦截器。以下是一个示例代码：

import React from 'react';
import ReactDOM from 'react-dom';
import axios from 'axios';

axios.interceptors.request.use(
  function (config) {
    // 在请求发送之前做一些处理，比如添加请求头
    return config;
  },
  function (error) {
    // 对请求错误做处理
    return Promise.reject(error);
  }
);

axios.interceptors.response.use(
  function (response) {
    // 对响应数据做一些处理
    return response;
  },
  function (error) {
    // 对响应错误做处理
    return Promise.reject(error);
  }
);

ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  document.getElementById('root')
);

在上面的示例中，我们使用axios.interceptors.request.use()来设置请求拦截器，使用axios.interceptors.response.use()来设置响应拦截器。在这些拦截器函数中，我们可以对请求和响应进行处理，比如添加请求头、对响应数据进行处理等。

请注意，这些拦截器会应用到所有通过axios发出的请求和响应，因此它们是全局的。你可以根据需要在拦截器函数中添加自定义的逻辑。