Reactjs 如何设置应用程序和API的本地.env文件

Reactjs 如何设置应用程序和API的本地.env文件,reactjs,api,heroku,Reactjs,Api,Heroku,我对编程非常陌生,我有一个问题,我克隆了一个应用程序和一个API github文件,我正在按照步骤在本地启动它,克隆存储库后,下一步是为应用程序和API设置本地.env文件。 我真的不知道如何做到这一点,我已经搜索了好几个地方,只能找到一个解释,从一开始就用react启动应用程序,而不是从github克隆。 如何在本地启动应用程序?我必须创建哪些变量? 我想知道如何只在我的电脑上设置变量,在其他开发人员的计算机上已经设置过的文件中的.env文件中,因此已经在JSON文件中设置了变量 克隆存储库后

我对编程非常陌生,我有一个问题,我克隆了一个应用程序和一个API github文件,我正在按照步骤在本地启动它,克隆存储库后,下一步是为应用程序和API设置本地.env文件。 我真的不知道如何做到这一点,我已经搜索了好几个地方,只能找到一个解释,从一开始就用react启动应用程序,而不是从github克隆。 如何在本地启动应用程序?我必须创建哪些变量? 我想知道如何只在我的电脑上设置变量,在其他开发人员的计算机上已经设置过的文件中的.env文件中,因此已经在JSON文件中设置了变量


克隆存储库后,我在空白处创建.env文件,并在此之前运行npm install和npm start his在本地主机上打开本地服务器:3000并返回错误:需要域选项

您可以使用npm或THREAN来利用类似dotenv的包进行安装

npm安装--保存dotenv

纱线安装--保存dotenv

在react应用程序的根目录中创建一个名为
.env

将您的环境变量添加到其中

API_KEY='IAMTHEBESTAPIKEY123'
API_SECRET='SSSSSHHHHHIMASECRET'
然后确保像这样将
dotenv
包加载到应用程序中

require('dotenv').config()

听起来好像
.env
已经存在于您的
.gitignore
中,但是如果您从头开始创建此项目,则需要添加它

现在,您可以像这样访问应用程序中的环境变量


process.env.API\u KEY

你能提供到存储库的链接吗?这个存储库不是公共的,但它在gitignore中有一个.env文件,当我克隆时,我没有收到任何.env文件,所以我在项目的根文件中创建了一个,但我不知道我需要在这里面放些什么file@ViniciusCardoso-作为学习体验,您可以尝试的另一件事是从一开始就启动reactjs应用程序,只是为了学习基础知识。通常.env文件是一种约定,用于在运行时将环境变量注入应用程序,以便为主机配置应用程序。例如,您的错误是找不到域选项,因为react应用程序可能需要知道它在哪个域上运行-例如
localhost
127.0.0.1
。您可以在代码中搜索错误消息,也可以联系回购所有者解释.env内容。