reactjs - 如何在 React 中制作配置文件来存储 API

标签 reactjs

我想将 API 存储在配置文件中,因此当我在开发或生产中部署它时,我只需更改配置文件上的 url,而不是所有 js 文件中的 url。 但我不知道如何在react.js中使用配置文件

我尝试使用react-global-configuration,但没有得到任何结果! 谁能告诉我如何实现这一目标?

最佳答案

我建议你使用npm包dotenv .

您在存储库的根目录中创建一个 .env 文件,此包可帮助您的项目访问 .env 文件内的任何变量。您只需要:

npm install dotenv

然后将此行添加到您的 App.js

require('dotenv').config()

一切顺利!

示例:

> cat .env
DB_HOST="https://myserver.herokuapp.com"

要访问变量的名称,您只需在代码中调用process.env.DB_HOST

注意:

如果您的项目是使用create-react-app创建的,那么您必须像这样命名变量:

REACT_APP_DB_HOST="https://myserver.herokuapp.com"

如果你想访问它,你可以使用:

process.env.REACT_APP_DB_HOST

关于reactjs - 如何在 React 中制作配置文件来存储 API,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56440483/

相关文章:

javascript - react API 获取失败

javascript - 在 React 中渲染组件 onClick

javascript - 如何防止模态点击?

javascript - 窗口未定义

javascript - setState of react 中的计算样式不起作用

javascript - React Router : How to render element on all routes, 除了一个?

javascript - 使用react Flux架构通过AJAX发送数据

javascript - 如何进一步减少 React 应用程序的包大小

reactjs - easy-peasy:useStoreState 不适用于 ES6 类实例

javascript - 基于数字键的对象数组的分组和总和