vue-cli3打包项目不同环境:开发环境、生产环境、测试环境

简介: vue-cli3打包项目不同环境:开发环境、生产环境、测试环境

开发环境:

vue-cli-service serve  //默认:process.env.NODE_ENV=development

.evn.development

ENV = 'development'

VUE_APP_BASE_URL = 'https://development.demo.com';

生产环境:

vue-cli-service build  // 默认:process.env.NODE_ENV=production

.env.production

ENV = 'production'
VUE_APP_BASE_URL = 'https://production.demo.com';

测试环境:

vue-cli-service build --mode alpha
• 1

.env.alpha

ENV = 'development'
VUE_APP_BASE_URL = 'http://development.demo.com';

mode后面添加test、production 等预留参数无效

使用参数

const BASE_URL = process.env.VUE_APP_BASE_URL
            </div>
目录
相关文章
|
测试技术
vue-cli3打包项目不同环境:开发环境、生产环境、测试环境
vue-cli3打包项目不同环境:开发环境、生产环境、测试环境
196 0
|
4天前
|
JavaScript
vue学习(3)模板语法
vue学习(3)模板语法
34 11
|
9天前
|
JavaScript
vue中使用@scroll不生效的问题
vue中使用@scroll不生效的问题
|
4天前
|
存储 JavaScript 前端开发
vue学习(2)
vue学习(2)
194 65
|
4天前
|
JavaScript 算法 前端开发
vue学习(1)
vue学习(1)
194 62
|
3天前
|
JavaScript
vue学习(4)数据绑定
vue学习(4)数据绑定
16 10
|
3天前
|
JavaScript 前端开发
vue学习(6)
vue学习(6)
20 9
|
3天前
|
JavaScript 开发者
vue学习(5)
vue学习(5)
17 7
|
4天前
|
JavaScript
vue键盘事件
vue学习(11)键盘事件
|
1天前
|
缓存 JavaScript
vue学习(12)计算属性
vue学习(12)计算属性
11 3