我正在做一个Vue JS项目.我发了一封信.项目根目录中的env文件.我做了3个变量.以下是我的演讲内容.环境:

API_BASE_URL=http://x.x.x.x:yyyy/myproject
VUE_APP_TITLE=My App
VUE_MY_VAR=My Var

我将日志(log)放在启动时加载到beforeMount()方法中的组件中,如下所示:

beforeMount() {
            console.log('base url: ' + process.env.API_BASE_URL);
            console.log('base url: ' + process.env.VUE_APP_TITLE);
            console.log('base url: ' + process.env.VUE_MY_VAR);
        }

当我使用vue-cli-service serve运行dev server时,我会看到以下控制台输出:

base url: undefined
base url: My App
base url: undefined

我的问题是:为什么API_BASE_URLVUE_MY_VAR的值没有定义

推荐答案

docs开始:

请注意,只有NODE_ENV、BASE_URL和以VUE_APP_u开头的变量将静态嵌入到带有webpack的客户端包中.定义Plugin.这是为了避免在机器上意外expose 可能具有相同名称的私钥.

所以你需要给变量添加VUE_APP_个前缀.

Vue.js相关问答推荐

我需要在 nuxt2 上使用 /index 作为 url 的一部分

JSDoc 单文件 Vue 组件

在 Vue 文件中创建根 Vue 实例

如何对对象数组进行 v-model

使用 Vue.js 和 Jest 进行 URL 重定向测试

为什么在 Vue.js 中使用 `var` 关键字?

从组件的 内的组件调用方法

为什么组件在 v-if 下没有被销毁

在 Vuejs 中Watch观察 window.scrollY 的变化

全局方法和实例方法有什么区别?

VueJS 组件中的图像未加载

重新加载发布到 Github 页面的 Vue 网站时出现 404

错误:vue-loader 要求 @vue/compiler-sfc 存在于依赖树中

如何在 VueJS 中访问 [__ob__: Observer] 的元素?

交换数组项

如何将 Angular 和 Vue 项目合并在一起?

Import Unexpected identifier + SyntaxError: Unexpected string

Vuejs获取事件正在调用的元素?

组件已注册但未使用 vue/no-unused-components

如何使用vue js判断组件本身的数据何时发生变化?