环境变量适用于构建不适用于 npm run serve --mode *env

Question

我试图了解为什么我的环境变量适用于 npm run build 而不是 vue-cli-service serve --mode sandbox

我在这里关注了 vue 文档

https://cli.vuejs.org/guide/cli-service.html#using-the-binary

1. 我为应用程序所在的不同模式创建了 .env 文件。
2. 当我执行 npm run build 并使用 node 提供它时，.env 变量是正确的，我可以在最终产品中看到它们。然而，当我做一个vue-cli-service serve --mode sandbox
3. 我觉得我在这里遗漏了一些东西。还有其他地方需要配置吗

文档在覆盖构建方面做得很好，但我不知道在服务方面该怎么做。

DockerFile              node_modules            src
README.md               package-lock.json       tests
__mocks__               package.json            tsconfig.json
babel.config.js         postcss.config.js       tslint.json
dist                    public                  vue.config.js
jest.config.js          server.js

我的 .env 文件实际上也在这个文件夹结构中

这是我的 .env 文件中的变量

VUE_APP_WEB_API='https://whateverEnvironmentApiINeed'

文件名如下

.env
.env.development.local
.env.sandbox.local
.env.qa.local
.env.production.local

Answer 1

它一直在工作。只需重新启动 vscode 以使其正常工作