vue.js - vue js index.html中的 “process.env”变量如何

标签 vue.js webpack vue-cli

我试图在我的html标记中使用env变量来根据我处于生产还是开发模式来更改env变量。因此,对于使用mixpanel的上下文,我有两个项目用于开发,一个用于生产具有不同api键的项目。我将如何使用webpack来执行此操作,并在html中访问我的process.env.VUE_APP_MIXPANEL env变量?

最佳答案

如果您使用默认的Webpack模板,则可以使用以下语法访问index.html中的.env变量(例如):

<html>
  <head>
    <title><%= VUE_APP_TITLE %></title>
  </head>
  <body>
    ...
  </body>
</html>

显然,您需要具有这样的变量
VUE_APP_TITLE=My title

在您的.env文件中

关于vue.js - vue js index.html中的 “process.env”变量如何,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52382587/

相关文章:

vue.js - 如何使用 .htaccess 重定向到 https index.html

Webpack/Vuejs - 更改 Assets 路径?

javascript - Vue.js 构建器在 index.html 中生成不正确的路径

javascript - 如何在 vuejs 中使用数据初始化应用程序

javascript - 找不到模块 : can't resolve '../file'

javascript - Webpack - 在外部文件中导入 mixins/变量/函数

javascript - 部署到 gh-pages 时找不到 Bundle.js

javascript - VueJS2 - 计算属性/方法正在设置 Vue.data?

交响乐 + Vue : Never loading Vue components?

webpack - vuejs : vue-cli webpack template cannot resolve sass imports