CRA公用文件夹中JSON文件中的env变量

时间:2018-11-16 17:40:42

标签: json reactjs environment-variables create-react-app

我有这个config.json文件位于我的公用文件夹中,在其中我需要在开发和生产模式中放入一些不同的参数。我在应用加载(fetch('config.json').then())时抓取它。

有没有一种方法使我的config.json文件看起来像这样:

{
  "url": "%REACT_APP_URL%"
}

当然,上面的代码不起作用:还有其他解决方案吗?

1 个答案:

答案 0 :(得分:0)

如果您使用的是create-react-app,则无需使用配置文件。只需在根目录中创建一个.env文件,然后添加环境变量:

URL=REACT_APP_URL

在您的应用中,只需执行

之类的操作即可
const url = process.env.REACT_APP_URL

查看我的帖子https://medium.com/@selom/nice-article-a446406f4447