React无法从.env读取配置
我正在ReactJS上工作，并试图从.env文件中读取一些配置。我遵循这个page的说明，但它对我不起作用。
这是我的Test.js：
import React from 'react';
require('dotenv').config()
class Test extends React.Component {
constructor(props) {
super(props);
this.state={
user:process.env.DB_USER,
pass:process.env.DB_PASS
}
}
render() {
return (
<div>
<p>Test</p>
{this.state.user}
{this.state.pass}
</div>
);
}
}
export default Test;这是我的.env文件：
DB_USER=test
DB_PASS=test下面是我的文件夹结构：
在我的页面上，我只能看到这样的文字：“测试”。因此，我认为应用程序无法从.env文件中获取值。
这里有没有人可以帮我从.env文件中读取配置？感谢您的支持。
回答 3
Stack Overflow用户
发布于 2019-08-12 13:00:32
假设您使用create-react-app作为您的项目样板。你可以在你的环境变量中添加REACT_APP前缀。首先，在根目录(在src文件夹之外)创建一个.env文件。在.env文件中
REACT_APP_USERNAME=lorem然后，您可以使用process.env.REACT_APP_USERNAME在项目中的任何位置调用它，例如
console.log(process.env.REACT_APP_USERNAME)我希望这能奏效，祝你好运。
Stack Overflow用户
发布于 2019-08-12 13:46:29
1)如果您使用create-react-作为样板应用程序，则创建
1.1 #.env文件
REACT_APP_SOME_NAME=something名称必须以REACT_APP_开头
1.2 Access环境变量
<p>{process.env.REACT_APP_SOME_NAME}</p>1.3 npm运行启动
使用npm run start在.env文件中添加变量后重新启动应用程序
2)如果不使用 create-react-app
2.1) npm install dotenv --save
2.2) Next将以下行添加到您的应用程序中。
require('dotenv').config()
2.3)然后在应用程序的根目录下创建一个.env文件，将变量添加到该文件中，并在使用npm start添加变量后重新启动应用程序。
// contents of .env
REACT_APP_API_KEY = 'my-secret-api-key'
Git2.4)最后，将.env添加到你的.gitignore文件中，这样Git就不会忽略它，它永远不会在GitHub上结束。
Stack Overflow用户
发布于 2019-08-12 12:11:42
假设您从项目的根目录运行应用程序，我的理解是您需要将.env文件的路径指定为src，如下所示：
const dotenv = require('dotenv');
/* Specify path to .env file */
dotenv.config({ path: 'src' });https://stackoverflow.com/questions/57455532
复制相似问题
腾讯云开发者
