javascript - 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
        }
    ]
}