在获取环境变量时有问题

Question

在React项目的根目录中，我有一个包含以下内容的.env文件。

DS_API_URL=[http://url.com](http:url.com/)

在项目的另一个文件中，axios调用利用这个来返回一些东西。

const url = 'http://url.com/graph/tech-stack-by-role'会把我需要的还给你。

const url = `${DS_API_URL}/graph/tech-stack-by-role`;返回一个错误。

如何从env文件中获取链接并将其分配给var？

Answer 1

要在react中使用环境变量，您需要在变量名前加上process.env.REACT_APP_。文档

因此，在您的.env文件中有：

REACT_APP_DS_API_URL=[http://url.com](http:url.com/)

然后使用：

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

更新以回答问题:更新开始脚本以使用所需的.env文件。在这种情况下，它是.env.localhost。您还需要安装npm或纱线安装env-cmd：

"start": "env-cmd -f ./.env.localhost react-scripts start",