VUE配置不同环境及发布命令

1.package.json文件内添加打包指令

    "dev":"vue-cli-service build --mode development",
    "pro":"vue-cli-service build --mode production",
    "alpha":"vue-cli-service build --mode alpha",

2.项目根目录下添加对应环境变量文件
VUE_APP_BASE_API 后的URL替换成自己的后端网址

• .env.development

    VUE_APP_CURRENTMODE = 'development'
    VUE_APP_ENV='development环境'

    VUE_APP_BASE_API = 'http://localhost:5001/'

    VUE_APP_RUN_SITE = '127.0.0.1:7080'
    VUE_APP_NAME = 'Virtue.SysOASite'

• .env.production

    VUE_APP_CURRENTMODE = 'production'
    VUE_APP_ENV='production环境'

    VUE_APP_BASE_API = 'http://localhost:5001/'
    VUE_APP_RUN_SITE = '127.0.0.1:7080'
    VUE_APP_NAME = 'Virtue.SysOASite'

• .env.alpha

    NODE_ENV = 'production'
    VUE_APP_CURRENTMODE = 'alpha'
    VUE_APP_ENV='development环境'

    VUE_APP_BASE_API = 'http://localhost:5001/'

    VUE_APP_RUN_SITE = '127.0.0.1:7080'
    VUE_APP_NAME = 'Virtue.SysOASite'

3.request处设置baseURL为根据环境变量获取

    baseURL: process.env.VUE_APP_BASE_API

4.打包时调用不同的命令即可打包不同版本

    npm run dev
    npm run pro
    npm run alpha