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

标签 javascript reactjs npm axios

如何在也使用 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/

相关文章:

javascript - 如何将颜色置于React状态?

html - 排版是换行而不是在一行中对齐

javascript - 如何让react-native-calendar-events在Android平台React-Native 60+上运行?

reactjs - react + ASP.Net 核心 3 : CORS Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header

javascript - 同时开发一个 npm 包和一个依赖它的项目

node.js - bunyan和winston的优缺点是什么?

javascript - Angular Ngfor,触发点击第 n(x) 项

php - 将字符串传递给 Javascript 函数不起作用

javascript - 在页面加载时提醒/显示消息 1 次,而不是单击按钮

javascript - 无法使 libphonenumber npm 包正常工作,fs.readFileSync 不是函数错误