时间戳

首页 > 解决方案 > 环境变量适用于构建不适用于 npm run serve --mode *env

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

问题描述

我试图理解为什么我的环境变量可以使用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

标签： vue.jsenvironment-variables

解决方案

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

推荐阅读