如何在 Nuxt 中添加外部 js 文件？

Question

我在 assets/js 中有一个名为 script.js 的 js 文件。尝试包含在 nuxt.config.js 中，如下所示：

head: {
    title: pkg.name,
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: pkg.description }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
    ],
      script: [
          { src: '/assets/js/script.js', ssr: false }
      ]
  }

但是得到'GET http://127.0.0.1:3000/assets/js/script.js 404 (OK)'。

Answer 1

只需将您的script.js文件保存在静态文件夹中，因为静态文件夹被视为根文件夹。

并将路径添加到nuxt.config.js配置文件中，如下所示

script: [
          { src: '/script.js'}
      ]