vue cli3 配置开发/测试/生产环境 baseUrl 及启动命令

最新推荐文章于 2025-03-08 11:49:08 发布

keepfitt

最新推荐文章于 2025-03-08 11:49:08 发布

阅读量1.4k

点赞数 1

分类专栏： vue+webpack 文章标签： vue vue-cli3

本文链接：https://blog.csdn.net/weixin_43848571/article/details/110822410

版权

vue+webpack 专栏收录该内容

3 篇文章

订阅专栏

在项目根目录下建立如下文件：(格式：.env.xxx）

如 env.dev 文件内容如下：只支持 VUE_APP_ 开头，比如设置其它变量 VUE_APP_NAME = ‘XXX’
在这里插入图片描述
package.json 文件配置启动语句如下：

"scripts": {
    "start": "npm run dev",
	"serve": "vue-cli-service serve",
	"build": "vue-cli-service build",
	"dev": "vue-cli-service serve --mode dev",
	"test": "vue-cli-service build --mode test",
	"prod": "vue-cli-service build --mode prod",
	"build:prod": "vue-cli-service build"
}

启动方式：
npm (run) start // 默认dev
npm run dev // development 环境
…
项目中获取baseUrl:
通过 process.env 获取设置的变量：
如判断 development 环境：process.env.NODE_ENV === ‘development’；
获取 baseUrl：process.env.VUE_APP_BASE_API …