本文介绍了如何在Vue CLI 3.0和4.0项目中配置开发、测试、预览和生产环境。通过新建.env配置文件、修改package.json命令、封装axios以及配置vue.config.js，实现了环境变量的区分和打包命名的定制。详细步骤包括设置NODE_ENV和VUE_APP_BASE_URL等变量，并提供了相应的命令示例。
前言
上一篇博客，我说了，最近公司是空闲期。基本都是处于浑水摸鱼阶段了，每天打卡上班，打卡下班
但是我是属于那种有点闲不住的人，总想搞点东西玩玩
所以我把公司的项目往 vue-cli4.0 进行了迁移（我原本真的只想迁移到 3.0）
可以参考 vue-cli4.0快速搭建一个项目
迁移的过程可以说还算顺利，也没遇到什么麻烦，就是一些插件版本的升级问题
最近，有人私信问到了我关于 vue-cli4.0 搭建的项目怎么配置环境，所以我就再开一篇博客介绍下
如果是 vue-cli2.0 的项目，环境配置请看我的这篇博客 vue-cli2.0配置环境
一、新建配置文件
跟之前的博客一样，我只拿 开发、测试、预览、生产 四种环境介绍
在项目的根目录下新建 .env.development、.env.test、.env.preview、.env.production 文件分别对应四种环境
.env.xxx 文件代
最低0.47元/天 解锁文章
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
