Open haitaodesign opened 5 years ago
# 开发环境变量,与测试环境变量一致
env.development
# 测试环境变量,对应Git的dev测试发布分支
env.dev
# 生产环境变量,对应master发布分支
env.prod
env.development
NODE_ENV=development
VUE_APP_BASE_URL=http://188.131.230.60:17000
VUE_APP_AUTH_URL=http://188.131.230.60:18000
env.dev
NODE_ENV=production
VUE_APP_BASE_URL=http://188.131.230.60:17000
VUE_APP_AUTH_URL=http://188.131.230.60:18000
env.prod
NODE_ENV=production
VUE_APP_BASE_URL=http://188.131.230.60:18002
VUE_APP_AUTH_URL=http://188.131.230.60:18000
- NODE_ENV 为 webpack 打包时,需要使用哪种模式(mode)打包,详细的请参看webpack的mode配置
- 环境变量必须以VUE_APP_开头,静态变量全部使用大写
"build:prod": "vue-cli-service build --mode prod",
"build:dev": "vue-cli-service build --mode dev"
const { VUE_APP_BASE_URL, VUE_APP_AUTH_URL } = process.env
const service = Axios.create({
baseURL: VUE_APP_BASE_URL + '/v1/'
})
console.log('当前环境地址:', VUE_APP_BASE_URL)
测试环境跟生产环境的打包命令是不同的,所以需要对drone的build命令进行区分
build-dev:
image: node:10.15.1-alpine
commands:
- yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g
- yarn run build:dev
when:
event: dev
build-prod:
image: node:10.15.1-alpine
commands:
- yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node-sass -g
- yarn run build:prod
tags: ["${DRONE_TAG}"]
when:
event: tag
只关注环境变量配置文件的读写,其他相关文件可以暂时忽略