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（确定）”。

Answer 1

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

并更改如下的 nuxt.config.js 配置文件

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

Answer 2

这是为我工作的最好方法

将您的script.js文件放入plugins文件夹中，然后将其包含在 nuxt.config.js

中

  // Plugins to run before rendering page (https://go.nuxtjs.dev/config-plugins)
  plugins: [
    '@/plugins/script.js'
  ],

请记住，@或nuxt.js中的vue.js表示根文件夹

Answer 3

在这种方法中，你的js文件必须在路径static文件夹中并将此代码添加到您要使用的 *.vue 文件中

     export default {
head() {
return {
  link: [
    {
      rel: "stylesheet",
      href:
        "/assets/css/bootstrap.css"
    },
  ],
  script: [
    {
      src: "assets/js/bootstrap.js",
      body: true
    },
  ],
    }
  }

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

3 个答案: