我的文件夹/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
那么我该如何加载我的文件呢? 谢谢
最佳答案
尽量将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
}
]
}
关于javascript - nuxt加载本地JS文件的方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47342479/