如何在也使用 Axios 的依赖项中设置 Axios 中的全局默认 header ?
我正在制作一个依赖于 Axios 的“ react 组件”(在 npm 中公开),但是当该组件进行 Ajax 调用时,我需要该组件来保留我的(父)项目的 Axios 配置 header 。
*看起来我的“react-component”创建了一个新的 Axios 实例,而不是使用我的(父)项目的 Axios 实例。
axios.defaults.headers['authKey']='xxxxxx'
*我已经在我的(父)项目中使用了 Axios 拦截器,但从未触发为我的“ react 组件”制作的 Ajax。
最佳答案
我认为您可以通过使用 props 将 header 传递给您的子组件,并使用该 prop 在该组件中调用 Ajax 请求,或者您可以为此创建一个 json 文件(可能是常量文件)并在您的子组件中要求它们,并且期望其他开发人员创建他们的配置。而且我很确定您误解了 import 语句背后的逻辑。当您在 ES6 中导入一个类时,将创建该类的新实例 MDN Reference: import .你应该搜索的是单例,这是一个与你的问题类似的问题示例singleton object in react native .
关于javascript - 多个实例或子包中的 Axios 默认 header ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49309861/