项目搭建方式:react脚手架(create-react-app)
1. 下载依赖:
npm install dotenv
npm install dotenv-expand
npm install dotenv-cli -S
2.配置环境变量:
项目根部录下创建文件.env .env.pro .env.dev
配置package.json - scripts,添加:
"start:dev": "dotenv -e .env.dev react-scripts start"
"start:pro": "dotenv -e .env.pro react-scripts start"
默认配置:
配置开发环境变量:
配置生产环境变量:
使用process.env.REACT_APP_BASEURL拿到环境变量:
3.启动环境:
默认启动:npm run start
开发模式:npm run start:dev
生产模式:npm run start:pro