向Nuxt添加外部脚本

Question

我有一个第三方脚本，需要在Header的Nuxt网站上实现。插入这样的脚本的最佳方法是什么？

<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/[email protected]/dist/lottie-player.js' },
  ]

但是这个我不知道。

Answer 1

您可以以相同的方式进行操作，只需将脚本放入javascript文件中，然后将该文件的路径用作src中脚本的nuxt.config.js属性值：

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

在这种情况下，myScript.js将放置在static/scripts/myScript.js中>