多个实例或子包中的Axios默认标头

Question

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

我正在创建一个依赖于Axios的"react组件“(在npm中为public)，但当该组件进行Ajax调用时，我需要该组件来保存我(父)项目的Axios配置头。

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

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

*我已经在我的(父)项目中使用了Axios拦截器，但为我的"react component“创建的Ajax从未被触发。

Answer 1

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