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

Question

• 我正在 Redux 架构中使用 React js 开发一个应用程序，并使用 axios 进行 http 请求。
• 我有两个容器类，一个是登录，另一个是主页。在路由类中，我导入两个容器类。

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

  导出 var Instance_Variable = axios.create({ baseURL: URL, headers: { "AUTH-TOKEN": localStorage.getItem("AuthToken") } });

在我的场景中，路由文件将在导入主页类时导入这些实例变量。登录时，我从响应中获取身份验证令牌并将其设置到本地存储。登录后，主页中发出一个请求，并以未经授权的方式响应（401 - 应用程序中完成的身份验证令牌验证）。

我正在浏览器中查看网络选项卡以及使用标题“AUTH-TOKEN”发出的请求：null

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

注意：登录后刷新应用程序后请求可以正常工作

Answer 1

你好，我知道\xe2\x80\x99s是一个非常老的问题，但今天我也遇到了同样的问题，希望也能够解决这个问题

\n

因此，当您使用 Axios 调用\'login API URL 时，如果此请求成功，那么您已经在 Axios \'.then\' 块中设置了标头，就像他们所说的那样在这里所说的那样

\n

instance.defaults.headers.common[\'Authorization\'] = AUTH_TOKEN;\n

\n

注意：为此，您必须使用axios拦截器

\n