javascript - 多个实例或子包中的 Axios 默认 header

Question

如何在也使用 Axios 的依赖项中设置 Axios 中的全局默认 header ？

我正在制作一个依赖于 Axios 的“ react 组件”(在 npm 中公开)，但是当该组件进行 Ajax 调用时，我需要该组件来保留我的(父)项目的 Axios 配置 header 。

*看起来我的“react-component”创建了一个新的 Axios 实例，而不是使用我的(父)项目的 Axios 实例。

axios.defaults.headers['authKey']='xxxxxx'

*我已经在我的(父)项目中使用了 Axios 拦截器，但从未触发为我的“ react 组件”制作的 Ajax。

Answer 1

我认为您可以通过使用 props 将 header 传递给您的子组件，并使用该 prop 在该组件中调用 Ajax 请求，或者您可以为此创建一个 json 文件(可能是常量文件)并在您的子组件中要求它们，并且期望其他开发人员创建他们的配置。而且我很确定您误解了 import 语句背后的逻辑。当您在 ES6 中导入一个类时，将创建该类的新实例 MDN Reference: import.你应该搜索的是单例，这是一个与你的问题类似的问题示例singleton object in react native .