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>
目录
相关文章
|
JavaScript Java 关系型数据库
ssm+vue的在线测试管理系统(有报告)。Javaee项目,ssm vue前后端分离项目。
ssm+vue的在线测试管理系统(有报告)。Javaee项目,ssm vue前后端分离项目。
|
1月前
|
人工智能 监控 JavaScript
模拟依赖关系和 AI 是Vue.js测试的下一个前沿领域
模拟依赖关系和 AI 是Vue.js测试的下一个前沿领域
27 1
|
3月前
|
JavaScript 前端开发 测试技术
Vue.js开发者必看!Vue Test Utils携手端到端测试,打造无懈可击的应用体验,引领前端测试新风尚!
【8月更文挑战第30天】随着Vue.js的普及,构建可靠的Vue应用至关重要。测试不仅能确保应用质量,还能提升开发效率。Vue Test Utils作为官方测试库,方便进行单元测试,而结合端到端(E2E)测试,则能构建全面的测试体系,保障应用稳定性。本文将带你深入了解如何使用Vue Test Utils进行单元测试,通过具体示例展示如何测试组件行为;并通过Cypress进行E2E测试,确保整个应用流程的正确性。无论是单元测试还是E2E测试,都能显著提高Vue应用的质量,让你更加自信地交付高质量的应用。
66 0
|
测试技术 数据安全/隐私保护 索引
基于 SpringBoot+Vue+MySql+Java 的大学生体质测试管理系统,附源码(二)
基于 SpringBoot+Vue+MySql+Java 的大学生体质测试管理系统,附源码
|
5月前
|
JavaScript Java 测试技术
基于ssm+vue.js+uniapp小程序的高中信息技术课程在线测试系统附带文章和源代码部署视频讲解等
基于ssm+vue.js+uniapp小程序的高中信息技术课程在线测试系统附带文章和源代码部署视频讲解等
49 6
|
6月前
|
移动开发 JavaScript 前端开发
学习vue3使用在线官方开发环境play.vuejs.org进行测试
学习vue3使用在线官方开发环境play.vuejs.org进行测试
91 1
|
6月前
|
JavaScript Java 测试技术
基于ssm+vue.js的在线测试管理系统附带文章和源代码设计说明文档ppt
基于ssm+vue.js的在线测试管理系统附带文章和源代码设计说明文档ppt
49 0
|
Java 测试技术 数据库
基于 SpringBoot+Vue+Java 的大学生体质测试管理系统
基于 SpringBoot+Vue+Java 的大学生体质测试管理系统
|
JavaScript
html使用vue模板、html引入vue.js-测试demo
html使用vue模板、html引入vue.js-测试demo
|
测试技术 数据安全/隐私保护 索引
基于 SpringBoot+Vue+MySql+Java 的大学生体质测试管理系统,附源码(一)
基于 SpringBoot+Vue+MySql+Java 的大学生体质测试管理系统,附源码
下一篇
无影云桌面