react 中 process.env.REACT_APP_URL_API 未定义

按照如下步骤配置dotenv-cli使用多环境,为何process.env.REACT_APP_URL_API显示未定义?

安装dotenv-cli:npm i dotenv-cli --save-dev

在根目录下添加.env.dev文件
REACT_APP_URL_API=http://dev.com
REACT_APP_URL_UPLOAD=http://upload.dev.com

在根目录下添加.env.sit文件
REACT_APP_URL_API=http://sit.com
REACT_APP_URL_UPLOAD=http://upload.sit.com

在根目录下添加.env.prod文件
REACT_APP_URL_API=http://prod.com
REACT_APP_URL_UPLOAD=http://upload.prod.com

修改package.json文件
{
  // ...
  "scripts": {
    "start": "dotenv -e .env.dev react-app-rewired start",
    "build:sit": "dotenv -e .env.sit react-app-rewired build",
    "build:prod": "dotenv -e .env.prod react-app-rewired build",
    "test": "react-app-rewired test",
    "eject": "react-scripts eject"
  },
  // ...
}

在index.html中使用%REACT_APP_URL_API%
在js/jsx中:process.env.REACT_APP_URL_API
阅读 4.1k
2 个回答

竟然把 .env.dev文件一不小心创建在了src目录,没生效

可以尝试以下方案:

  1. 修改环境变量重启服务
  2. .env.dev命名为.env.development
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题