我正在构建一个 React 应用程序,我需要从我的 api 获取数据,现在我想将 api url 存储为环境变量。我有我的 .env 文件,我安装了 dotenv,这是我的代码 process.env.API_URL 返回未定义。
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
import Home from '../src/components/Home'
import dotenv from 'dotenv'
import path from 'path'
class App extends Component {
render() {
console.log(process.env.API_URL)
return (
<div>
<Home/>
</div>
);
}
}
export default App;
这里需要注意三点
-
该变量必须是prefixed with REACT_APP_
eg: REACT_APP_WEBSITE_NAME=hello
-
你需要restart服务器反映更改。
-
确保您拥有.env
文件在你的root文件夹(与 package.json 所在的位置相同),而不是在 src 文件夹中。
之后你可以像这样访问变量process.env.REACT_APP_SOME_VARIABLE
附加提示
- 无需将变量值用单引号或双引号括起来。
- 不要加分号
;
或逗号,
在每行的末尾。
阅读更多here(我自己的帖子)和官方docs
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)