我正在构建一个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
  • 您需要重新启动服务器以反射(reflect)更改。
  • 确保.env文件位于文件夹(与package.json相同的位置)中,而不是src文件夹中。

  • 之后,您可以访问类似于process.env.REACT_APP_SOME_VARIABLE的变量
    其他提示
  • 无需将变量值用单引号或双引号引起来。
  • 请勿在每行末尾添加分号;或逗号,

  • 阅读更多here和官方docs

    09-10 05:12
    查看更多