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>
目录
相关文章
|
6月前
|
监控 JavaScript 前端开发
在生产环境中测试和监控Vue项目的方法有哪些?
在生产环境中测试和监控Vue项目的方法有哪些?
81 4
|
6月前
|
缓存 监控 JavaScript
环境搭建:Vue项目的开发环境和生产环境配置
【4月更文挑战第23天】本文指导Vue开发者配置开发和生产环境,强调了两者目的和特点。开发环境用于编写、测试和调试,侧重快速反馈和调试工具;生产环境注重稳定性、效率和安全性,需进行代码优化、错误处理和日志监控。配置步骤包括安装Node.js和npm,使用Vue CLI,配置Webpack、热重载和源码映射。生产环境要实现代码分割、压缩、最小化,启用CSP、HTTPS,优化静态资源和缓存策略。环境配置应随项目发展和技术进步持续优化。
748 0
|
12月前
|
域名解析 开发框架 JavaScript
vue2.0项目从零开发到打包部署
vue2.0项目从零开发到打包部署
137 0
|
域名解析 开发框架 JavaScript
Vue项目从搭建环境到打包上线
Vue项目从搭建环境到打包上线
101 0
|
JavaScript 前端开发
搭建vue开发环境步骤
相信很多人在刚开始学习vue这个框架的时候,在最开始搭建开发环境的时候,都会遇到一些大大小小的坑,我之前在学习的时候搭建过一次,过了一个月后在搭建第二次的时候,竟然有一些混乱,所以今天想整理出来
219 0
|
JavaScript 前端开发
Vue项目本地开发完成部署到服务器后报404,这到底是什么原因呢?
Vue项目本地开发完成部署到服务器后报404,这到底是什么原因呢?
1141 0
|
JavaScript 前端开发 开发工具
从0搭建Vue3组件库:使用gulp自动化处理打包与发布
从0搭建Vue3组件库:使用gulp自动化处理打包与发布
570 0
|
测试技术
vue-cli3打包项目不同环境:开发环境、生产环境、测试环境
vue-cli3打包项目不同环境:开发环境、生产环境、测试环境
241 0
|
JavaScript 前端开发 Shell
从0开始搭建一套脚手架cli工具(一)
从0开始搭建一套脚手架cli工具
226 0
从0开始搭建一套脚手架cli工具(一)
Vue3配置开发环境和生产环境
Vue3配置开发环境和生产环境
964 0
下一篇
无影云桌面