.env.serve文件新增内容获取不到

问题描述：

我再我的.env.serve文件中内容如下：

NODE_ENV = 'development'
VUE_APP_BASE_API = 'https://test.com'
1
2

但是我在js文件中process.env.VUE_APP_BASE_API却拿不到，打印是undifined
于是我打印process.env，得到的{NODE_ENV: 'development', BASE_URL: '/'}，并无我新增变量

问题分析：

默认情况下，Vue CLI 在不同的环境中会使用不同的环境变量文件。例如，在开发模式下，会使用 .env.development 文件；在测试模式下，会使用 .env.test 文件；在生产模式下，会使用 .env.production 文件。这些文件名是根据常见的命名约定进行匹配的。

解决方案：

1、确保你的 .env.serve 文件位于 Vue 项目的根目录下，并且文件名为 .env.serve，而不是其他变种。同时，确保没有其他同名的文件或配置文件与之冲突。

2、打开 package.json 文件，找到 scripts 部分的 serve 命令。默认情况下，该命令会使用 .env.development 文件作为环境变量文件。将该命令修改为如下所示：

"scripts": {
  "serve": "vue-cli-service serve --mode serve"
},
1
2
3

这样在启动开发服务器时就会使用 .env.serve 文件作为环境变量文件。

问题解决：

我发现我的package.json文件是：

"scripts": {
    "serve": "vue-cli-service serve",
}
1
2
3

所以我的问题就是这里，需要加上--mode serve！！
over~