向 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中