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

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

create-react-app reactjs

Colin Ricardo · 技术社区 · 8 年前

是否有注入环境变量的方法,例如 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 回复 | 直到 7 年前

Clafouti 8 年前

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

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

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

ling yu 8 年前

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

HAS-Jack 7 年前

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

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

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

<title>%REACT_APP_SITE_TITLE%</title>

推荐文章

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

1 年前

Facundo Cabrera · 意外的应用程序错误!useNavigate()只能在<Router>组件的上下文中使用

1 年前

user29295031 · 如何使用react和vite覆盖Tailwinds css 4默认设计

1 年前

Gukkey · 在React中明确隐藏日期类型输入后,如果我单击父div,如何显示日期选择器?

1 年前

Luckkks · 过渡色工作不正常

1 年前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

1 年前

vatsal chauhan · 即使在字体预加载时,文本加载也很慢

1 年前

hasratyan · Next.js 15 API路由-动态路由中的无效GET导出错误[id]

1 年前

noblerare · Vite错误-未定义导出(SSR)

1 年前

ProfessorFinesse · 在默认表单中完成帖子请求时,“res.send”会去哪里?

1 年前