umi判断环境变量

umi判断环境变量1.安装 cross-env `yarn add cross-env`2.修改 package.json 脚本3.如果直接跑代码测试是否配置成功就需要这样改代码4.新建三个文件，（生产，测试，开发）4.以上完成就可以去页面判断是哪个环境

umi判断环境变量

1.安装 cross-env yarn add cross-env

2.修改 package.json 脚本

"scripts": { "start": "cross-env UMI_ENV=dev umi dev", "build": "cross-env UMI_ENV=pro umi build", "test": "cross-env UMI_ENV=test umi test", "lint": "eslint --ext .js src mock tests",

3.如果直接跑代码测试是否配置成功就需要这样改代码

"scripts": { "start": "cross-env UMI_ENV=dev umi dev", "start_build": "cross-env UMI_ENV=pro umi dev", "start_test": "cross-env UMI_ENV=test umi dev", "build": "cross-env UMI_ENV=pro umi build", "test": "cross-env UMI_ENV=test umi test", "lint": "eslint --ext .js src mock tests", "precommit": "lint-staged"

终端输入：yarn start_build 生命周期打印：console.log(process.env.envType)//会输出相应的pro (根据你终端输入执行而定打印结果）

4.新建三个文件，（生产，测试，开发）

1..umirc.js文件//这个文件本来就有，直接配置下面的代码

define: { 'process.env.envType': 'dev', // 此处可以设置环境变量, },

2.新建：.umirc.pro.js文件//生产文件

export default { define: { 'process.env.envType': 'pro', // 此处可以设置环境变量, }, };

3.新建：.umirc.test.js文件 //配置测试

export default { define: { 'process.env.envType': 'test', // 此处可以设置环境变量, }, };

4.以上完成就可以去页面判断是哪个环境

a.第一种

console.log('环境变量',process.env.envType); let host = ''; if(process.env.envType === 'dev'){ host = 'devfintech.cgws.com:8443'; }else if(process.env.envType === 'test'){ host = 'stgfintech.cgws.com:8443'; }else if(process.env.envType === 'pro'){ host = 'fintechapp.cgws.com'; } // let pro = window.location.protocol; // let host = window.location.host;//获取当前的域名端口号 return `https://${host}/api/ccc-platform-resource/app/a/file/upload`; };

b.第二种

console.log('环境变量',process.env.envType); if(process.env.envType === 'dev'){ return 'https://stgfintech.cgws.com:8443/api/platform-resource/file/upload'; }else if(process.env.envType === 'test'){ return 'https://fintechapp.cgws.com/api/platform-resource/file/upload'; }else if(process.env.envType === 'pro'){ return 'https://devfintech.cgws.com:8443/api/platform-resource/file/upload'; } };