代码之家 › 专栏 › 技术社区 › Colin Ricardo

创建React应用程序:在index.html中使用环境变量

create-react-app reactjs

7

Colin Ricardo · 技术社区 · 7 年前

是否有注入环境变量的方法,例如 REACT_APP_MY_API 进入 index.html 文件?

根据 this 这是可以做到的,但我似乎不能让它发挥作用。

包膜

REACT_APP_MY_API=https://something.com

index.html文件

<script type="text/javascript">
  console.log("%REACT_APP_MY_API%") // undefined 
  console.log("%NODE_ENV%") // development
</script>

3 回复 | 直到 6 年前

1

8

Clafouti 7 年前

我刚刚尝试了一个(几乎)新的CRA设置,它工作。

<head>
  <title>React App</title>
  <script type="text/javascript">
   console.log("%REACT_APP_TEST%") // OK
   console.log("%NODE_ENV%") // development
  </script>
</head>

是否尝试重新启动服务器? 我刚刚尝试用您的示例更改测试变量,如果您重新启动开发服务器,它就会工作。

2

1

ling yu 7 年前

我试过这样 'node_env=development npm start' 而且效果很好

3

0

HAS-Jack 6 年前

确保在将变量添加到.env文件时重新启动create react应用程序。

还要确保您有>=react scripts@0.9

我将.env变量用于具有不同语言版本构建的站点的元标题:

<title>%REACT_APP_SITE_TITLE%</title>