javascript - 将外部脚本添加到 Nuxt

Question

我有一个来自第三方的脚本，我需要在我的 Nuxt 站点的 header 中实现该脚本。插入这样的脚本的最佳方法是什么？

<script id="sleeknoteScript" type="text/javascript">
(function (){
    var sleeknoteScriptTag=document.createElement("script");
    sleeknoteScriptTag.type="text/javascript";
    sleeknoteScriptTag.charset="utf-8";
    sleeknoteScriptTag.src=("//sleeknotecustomerscripts.sleeknote.com/00000.js");
    var s=document.getElementById("sleeknoteScript");
    s.parentNode.insertBefore(sleeknoteScriptTag, s);
})(); </script>
<!-- End of Sleeknote signup and lead generation tool - www.sleeknote.com -->

通常我会像这样将脚本放入 Nuxt.config 中。

    script: [
      { src: 'https://unpkg.com/@lottiefiles/lottie-player@0.2.0/dist/lottie-player.js' },
  ]

但是这个我不知道。

Answer 1

您可以用同样的方式做到这一点，只需将脚本放入 JavaScript 文件中，并使用该文件的路径作为 nuxt.config.js 中脚本的 src 属性值:

script: [
  { src: '/scripts/myScript.js' },
]

在本例中，myScript.js 将放置在 static/scripts/myScript.js 中