React 配置环境变量

1.安装dotenv

npm install dotenv
npm install dotenv-expand

npm install dotenv-cli -S

2.项目中创建变量配置文件

 这里配置了一个测试环境配置.env.dev和一个生产环境配置.env.pro

除了项目自身支持的PUBLIC_URL,如果项目没有需要可以不配置这一项，其他自己需要用到的环境变量必须以REACT_APP开头，不然会取不到值

代码：

 

PUBLIC_URL = 地址（根据项目需要，不需要直接删除这一项）
REACT_APP_CONTENTSIGN_URL = 你需要配置的地址

3.配置package.json打包配置文件

代码：

"build:dev": "dotenv -e .env.dev react-app-rewired build",

 "build:pro": "dotenv -e .env.pro react-app-rewired build"

 4.在index.js入口文件配置dotenv（亲测，不配置也可以成功，参考配置）

 代码：

require('dotenv').config({ path: '.env' })

 5.使用环境变量

直接在项目文件中使用process.env.REACT_APP_CONTENTSIGN_URL就可以取到对应的变量