我试图在我的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/