搜索
您的当前位置:首页正文

React 配置环境变量

来源:独旅网

1.安装dotenv

npm install dotenv
npm install dotenv-expand

npm install dotenv-cli -S

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

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

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

代码:

 

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就可以取到对应的变量

因篇幅问题不能全部显示,请点此查看更多更全内容

热门图文

Top