React项目中如何正确读取.env文件里的环境变量？

• 首先修改根目录下的.env文件，给变量名加上REACT_APP_前缀（这是Create React App的强制要求，非该前缀开头的变量不会被注入到客户端代码中）：

  REACT_APP_DS_API_URL=http://url.com
  

• 在需要使用的文件中，通过process.env.REACT_APP_DS_API_URL读取变量，拼接请求地址：

  const url = `${process.env.REACT_APP_DS_API_URL}/graph/tech-stack-by-role`;
  

• 注意：修改.env文件后必须重启本地开发服务器，否则新的环境变量不会生效。

如果你的React项目不是用Create React App搭建的，需要手动配置webpack的DefinePlugin来将环境变量注入到全局，但绝大多数场景下遵循上面的步骤即可解决问题。

内容的提问来源于stack exchange，提问作者James