我正在构建一个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;
最佳答案
这里要注意的三件事
REACT_APP_
例如:REACT_APP_WEBSITE_NAME=hello
之后,您可以访问类似于
process.env.REACT_APP_SOME_VARIABLE
的变量其他提示
;
或逗号,
。 阅读更多here和官方docs