项目环境配置 本地/测试/预发/生产

在本地目录下新建文件

        项目环境配置 本地/测试/预发/生产_第1张图片

dev测试环境    development 本地开发环境     production 生产环境   uat预发布环境 

 .env.dev

VUE_APP_API_PATH = '/api'
# 测试
VUE_APP_API_PATH = 'http://'
# 生成dist名称
VUE_APP_DIST = 'dist_dev'

.env.development

# 本地开发环境
VUE_APP_API_PATH = 'http://'

.env.production

# 生产
VUE_APP_API_PATH = 'http://'
# 生成dist名称
VUE_APP_DIST = 'dist_release'

 .env.uat

# 预发布
VUE_APP_API_PATH = 'http://'
# 生成dist名称
VUE_APP_DIST = 'dist_check'

配置package.json

项目环境配置 本地/测试/预发/生产_第2张图片 

 npm run build:dev 打包测试环境

 npm run build:uat 打包预发环境

 npm run build 打包生产环境

配置vue.config.js

项目环境配置 本地/测试/预发/生产_第3张图片

你可能感兴趣的:(vue.js,javascript,前端)