前端区分打包环境

一、package.json配置

"scripts": {
    "build:prod": "cross-env NODE_ENV=production vue-cli-service build",
    "build:test": "cross-env NODE_ENV=test vue-cli-service build",
    "build:dev": "cross-env NODE_ENV=dev vue-cli-service build",
  },

二、添加api文件

1、src/api/url-dev.ts

export default {
  baseUrl: 'http://localhost:8080/',
  apiBaseURL: 'http://172.18.42.149:8666/',
  proc: "http://172.18.42.149:8666/activiti",
};

2、src/api/url.test.ts

export default {
  baseUrl: '/base',
  apiBaseURL: '/backend/homepage-data',
  proc: "/activiti", 
};

3、src/api/url.prod.ts

export default {
  baseUrl: '/base',
  apiBaseURL: '/backend/homepage-data',
  proc: "/kactiviti", 
};

4、src/api/url.ts

import urlProd from './url-prod';
import urlTest from './url-test';
import urlDev from './url-dev';
let urls: any;
// 生产环境
if (process && process.env.NODE_ENV === "production") {
  urls = urlProd;
}
// 测试环境
else if (process && process.env.NODE_ENV === "test") {
  urls = urlTest;
}
// 本地开发
else {
  urls = urlDev;
}
export default urls;

三、安装cross-env

npm install --save-dev cross-env