Nuxt에서 외부 js 파일을 추가하는 방법은 무엇입니까?

Nuxt에서 외부 js 파일을 추가하는 방법은 무엇입니까?

자산/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)'를 가져옵니다.

static folder는 root folder로 취급되므로 script.js 파일을 static folder에 보관하기만 하면 됩니다.

경로를 다음과 같이 nuxt.config.config.config 컨피규레이션파일에 추가합니다.

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

여기 나에게 효과가 있었던 가장 좋은 방법이 있다.

당신의 것을 담다script.js줄지어 들어가다plugins폴더를 선택한 후 폴더에 포함시킵니다.

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

그 것을 기억하라.@에nuxt.js또는vue.js루트 폴더를 의미합니다.

이 메서드에서 js 파일은 경로 정적 폴더에 있어야 하며 이 코드를 사용할 *.vue 파일에 추가해야 합니다.

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

언급URL : https://stackoverflow.com/questions/52495601/how-to-add-external-js-file-in-nuxt