我想將基于環境的谷歌標簽管理器 ID 傳遞給index.html我的 vue 應用程式中的腳本,但我找不到將配置傳遞給 html 檔案的方法。請協助。
這是腳本
<script>
(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != "dataLayer" ? "&l=" l : "";
j.async = true;
j.src = "https://www.googletagmanager.com/gtm.js?id=" i dl;
f.parentNode.insertBefore(j, f);
})(window, document, "script", "dataLayer", "<env-gtm-id-goes-here>"
</script>
uj5u.com熱心網友回復:
您可以使用html interpolation. 參考這里
結合 vue Environment Variables。參考這里
例如:創建一個新檔案名.env并創建條目
VUE_APP_ENVARS=prod并在您index.html的 html 插值中使用它
<p>The username to test is <%= VUE_APP_ENVIR %></p>
更新:由于您需要在<script>標簽中訪問此變數,請使用此
(視窗、檔案、“腳本”、“資料層”、“<%= VUE_APP_ENVIR %>”
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/338433.html
上一篇:插槽處于活動狀態時如何切換圖示
