如何使用nuxt加载本地JS文件

Question

我的文件夹/ assets / js中有多个脚本。我像这样将它们添加到nuxt.config.js中：

script: [
  { src: 'https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js' },
  { src: '~assets/js/bootstrap.min.js' },
  { src: '~assets/js/retina-1.1.0.js' },
  { src: '~assets/js/jquery.hoverdir.js' },
  { src: '~assets/js/jquery.hoverex.min.js' },
  { src: '~assets/js/jquery.prettyPhoto.js' },
  { src: '~assets/js/jquery.isotope.min.js' },
  { src: '~assets/js/custom.js' }
],

对于第一个文件没有问题，但是对于本地文件，没有任何文件正在加载。我试过了：'@ / assets'，'/ assets'，'js /'，'〜/ assets'等，但是没有任何作用。

我总是收到此错误：

GET http://localhost:3000/~assets/js/custom.js net::ERR_ABORTED

那么，我该如何加载我的文件？谢谢

Answer 1

尝试将JS文件放在assets目录的根目录下。否则，您需要创建一个静态目录。我希望这有帮助。

在你的 nuxt.config.js

head: {
    link: [{
        rel: 'icon',
        type: 'image/x-icon',
        href: '/favicon.png'
    }],
    script: [
        {
            type: 'text/javascript',
            src: 'js/jquery.min.js',
            body: true
        },
        {
            type: 'text/javascript',
            src: 'js/script.js',
            body: true
        }
    ]
}