使用 pug 在 nuxt 中加载静态 javascript 文件答案

【问题标题】：loading static javascript file in nuxt with pug使用 pug 在 nuxt 中加载静态 javascript 文件
【发布时间】：2020-10-13 00:08:57
【问题描述】：

在这个页面https://liceupsicologic.org/es-co/dialogo 我有一个订阅按钮（“订阅”）。它从静态 JS 文件调用方法。所以我在 Nuxt 静态文件夹中有那个 js 文件：https://liceupsicologic.org/mailer.js。我也在用哈巴狗。代码如下所示：

button(onclick="ml_account('webforms', '2085164', 'k8s3x9', 'show')").btn.btn-dialogo.susc {{ botonSus[$store.state.lang] }}

script(src="/mailer.js")

当我运行“npm run dev”时，它运行良好。如果我检查代码，我会在 DOM 中找到我所期望的：

<script src="/mailer.js" data-v-1cfbc23f>

但是当我部署应用程序时，该脚本标签不存在并且按钮不起作用。为什么？我做错了什么？

我将不胜感激。

【问题讨论】：

标签： javascript static pug nuxt.js

【解决方案1】：

嗯，我设法实现了我想要的，但我仍然认为这个问题需要一个答案。为什么我的代码在开发环境中运行，但在生产环境中出现问题？

无论如何，我所做的就是从模板中删除这一行：

script(src="/mailer.js")

并在组件的脚本中加入这段代码：

export default {
  head () {
    return {
      script: [
        { src: '/mailer.js' }
      ],
    }
  }
}

【讨论】：