安装cross-env插件
cnpm i --save cross-env
1.修改package.json,如下
"scripts": { "devcom": "cross-env API_ENV=com vue-cli-service serve --open", "devgov": "cross-env API_ENV=gov vue-cli-service serve --open", "com": "cross-env BUILD_ENV=com API_ENV=com vue-cli-service build", "gov": "cross-env BUILD_ENV=gov API_ENV=gov vue-cli-service build", "lint": "vue-cli-service lint" },
npm run devcom 打开的是com环境下的
npm run devgov 打开的是gov环境下的
npm run com 是打包com项目
npm run gov 是打包gov项目
2.添加.env文件在根目录下,在文件里面添加下面这句
VUE_APP_API_ENV=${API_ENV}
3.在vue.config.js中的 plugins 中添加
new webpack.DefinePlugin({ SITE_CONFIG: JSON.stringify({ title: title }), 'process.env': { NODE_ENV: JSON.stringify(process.env.BUILD_ENV) } })