仅在单个组件上的 </body> 之前添加脚本 - vuejs答案

【问题标题】：Add a script before </body> only on a single component - vuejs仅在单个组件上的 </body> 之前添加脚本 - vuejs
【发布时间】：2020-05-18 14:19:08
【问题描述】：

我是 vuejs 新手，我开始使用 clearsale api 进行验证，并希望捕获指纹进行验证，并且只需要在一个 vuejs 组件中调用页面底部的脚本函数。这是有问题的脚本：

<script>
    (function(a, b, c, d, e, f, g) {
      a["CsdpObject"] = e;
      (a[e] =
        a[e] ||
        function() {
          (a[e].q = a[e].q || []).push(arguments);
        }),
        (a[e].l = 1 * new Date());
      (f = b.createElement(c)), (g = b.getElementsByTagName(c)[0]);
      f.async = 1;
      f.src = d;
      g.parentNode.insertBefore(f, g);
    })(window, document, "script", "//device.clearsale.com.br/p/fp.js", "csdp");
    csdp("app", "appKey");
    csdp("sessionid", "sessionID");
</script>

我在导出默认范围外调用，但它们无法识别 csdp 函数。

(p.s. 对不起我的英语)

【问题讨论】：

标签： javascript vue.js vue-cli

【解决方案1】：

您应该将此内联脚本放入您的 public/index.html 文件中 - 但不要包含最后 2 条语句（您在其中调用 csdp 函数）。然后在您的组件中编写

window.csdp("app", "appKey");
window.csdp("sessionid", "sessionID");

【讨论】：