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

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

原文由 Splinteer 发布，翻译遵循 CC BY-SA 4.0 许可协议

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

原文由 M.Ismail 发布，翻译遵循 CC BY-SA 4.0 许可协议