您可以使用axios拦截器来完成这项任务。
1-)在成功登录后，将检索到的令牌放入localStorage。删除setAuthToken行。

.then((res) => {
                setCurrentUser(res.data);
                localStorage.setItem("token", res.data.accessToken);
                setLoading(false);
            })

2-)将这个拦截器添加到axios示例中。

const instance = axios.create({
    baseURL: 'URL/api'
});

instance.interceptors.request.use(
  function(config) {
    const token = localStorage.getItem("token"); 
    if (token) {
      config.headers["Authorization"] = 'Bearer ' + token;
    }
    return config;
  },
  function(error) {
    return Promise.reject(error);
  }
);

我必须在示例中创建header对象结构，以便全局header覆盖工作：
下面的代码段不起作用（但不会引发任何错误）;使用示例时使用全局标头：

// Index.js
axios.defaults.headers.common['Authorization'] = 'AUTH_TOKEN';

// myAxios.js
const instance = axios.create({
  baseURL: 'https://jsonplaceholder.typicode.com'
});

instance.defaults.headers.common['Authorization'] = 'AUTH_TOKEN_FROM_INSTANCE';

这确实有效，示例标题覆盖全局默认值：

// Index.js
axios.defaults.headers.common['Authorization'] = 'AUTH_TOKEN';

// myAxios.js
const instance = axios.create({
  baseURL: 'https://jsonplaceholder.typicode.com',
  headers: {
    common: {
      Authorization: 'AUTH_TOKEN_FROM_INSTANCE'
    }
  }
});

在我看来，在使用#create时，应该默认创建这个对象结构。

另外，如果你想取消设置头文件，不要使用delete。

it('should remove default headers when config indicates', function (done) {
  var instance = axios.create();
  instance.defaults.headers.common['Content-Type'] = 'application/json';

  instance.post('/foo/bar/', {
    firstName: 'foo',
    lastName: 'bar'
  }, {
    headers: {
      'Content-Type': null
    }
  });

  getAjaxRequest().then(function (request) {
    testHeaderValue(request.requestHeaders, 'Content-Type', null);
    done();
  });
});

默认情况下，您可以添加axios头标记。只需遵循2个步骤

步骤- #1.创建axios示例-

const API_BASE_URL = "http://127.0.0.1:8000/api";

export const axiosPrivate = axios.create({
        baseURL: API_BASE_URL,
        timeout: 60000
});

步骤- #2.在发送API请求之前设置默认头

axiosPrivate.interceptors.request.use((request) => {
    // Do something before request is sent
    request.headers = {
        'Authorization': 'Bearer ' + localStorage.getItem('token'),
    };
    return request;
}, (error) => Promise.reject(error));