基于`ABP-ADMIN`实现多环境打包

基于ABP-ADMIN实现多环境打包

• 项目需要同时部署到3个环境，各种踩坑得到的解决方案

1.项目根目录新建文件.env.310,.env.680文件

• 
• 文件内容为

  NODE_ENV = 'release'
  
  VUE_APP_CURRENTMODE = 'release'
  
  //根据你想配置的环境 自行修改
  

2. 修改package.json文件

    "scripts": {
    "130": "vue-cli-service serve --open",
    "310": "set NODE_ENV=release &&  vue-cli-service serve --open",
    "680": "set NODE_ENV=master &&  vue-cli-service serve --open",
    "build:680": "vue-cli-service build --mode 680",//注意  这里的--mode 后面的680(指令) 和我第一步新建的`.env.680`文件的名称一样
    "build:310": "vue-cli-service build --mode 310"
  },

3. 修改不同环境所使用的url

    const VsUrl = "所需地址";
    //release 服务器iis
    const resleseIISUrl = "所需地址";

    //master 服务器iis
    const masterIISUrl = "所需地址";

    // const URL = (process.env.NODE_ENV).trim() === 'production' ? IISUrl : VsUrl;
    let URL = null;
    if (process.env.NODE_ENV.trim() === "master") {
        URL = masterIISUrl
    }else if(process.env.NODE_ENV.trim() === "release"){
        URL = resleseIISUrl
    }else{
        URL = VsUrl
    }
    export default URL;

4. 最后运行 npm run build:680得到对应环境的发布包