环境变量不适用于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运行构建并将其与节点一起使用时，.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即可使其正常工作