登录到应用程序后更新axios实例头失败

Question

>

我正在使用React js在Redux体系结构中开发一个应用程序，并将axios用于http请求。

我有两个容器类，一个是login，另一个是home Page。在路由类i中，导入两个容器类。

在主页容器中，我导入一个操作，该操作导入一个axios实例变量

export var Instance_Variable=axios.create（{baseUrl：URL,headers：{“auth-token”：LocalStorage.GetItem（“authToken”）}}）；

如何在登录到应用程序后更新实例

注意：登录后刷新应用程序后，请求工作良好

Answer 1

最好使用axios拦截器为每个请求设置header，如下所示：

axios
  .interceptors
  .request
  .use(function (config) {
    if (cookie.load('auth-token')) {
      config.headers['AUTH-TOKEN'] = cookie.load('auth-token');
    }
    return config;
  }, function (error) {
    return Promise.reject(error);
  });