【前端】VUE多环境配置

【前端】VUE多环境配置

根目录创建这几个文件

# 开发环境
.env.dev

ENV = 'dev'

VUE_APP_SERVER_API = 'http://localhost:8080/api/pavilion'

# 集成测试
.env.sit
# 验收测试
.env.uat
# 生产环境
.env.prod

ENV = 'prod'

VUE_APP_SERVER_API = 'https://www.wuduoqiang.com/api/pavilion'

在package.json文件新增配置

"scripts":{
    "dev": "vue-cli-service serve --port 80 --mode dev",
    "sit": "vue-cli-service serve --port 80 --mode sit",
    "uat": "vue-cli-service serve --port 80 --mode uat",
    "prod": "vue-cli-service serve --port 80 --mode prod",
    "build:dev": "vue-cli-service build --mode dev",
    "build:sit": "vue-cli-service build --mode sit",
    "build:uat": "vue-cli-service build --mode uat",
    "build:prod": "vue-cli-service build --mode prod"
}

启动命令

# 启动开发环境
npm run dev
# 启动集成测试
npm run sit
# 启动验收测试
npm run uat
# 启动生产环境
npm run prod

打包命令

# 打包开发环境
npm run build:dev
# 打包集成测试
npm run build:sit
# 打包验收测试
npm run build:uat
# 打包生产环境
npm run build:prod