这里是一个通过 npx create-nuxt-app生成的SPA单页面应用,要部署成一个静态项目,先用命令打包
nuxt generate
但dist目录下直接生成的项目跑不起来,js等资源用了绝对路径而找不到,原因是路由输出默认的绝对路径。
要在nuxt.config.js里添加router的base为“./”;
如果这时打包发现引用的js找到了,但首页却找不到了,经多次尝试,把router默认的mode从history改为hash即可。
router: {
mode: 'hash',
base: './'
}
这时又发现favorite小图标丢失,可以在nuxt.config.js里把head下面的link里的href改成相对路径即可。
link: [{
rel: 'icon',
type: 'image/x-icon',
href: './favicon.ico'
}]
如上改动后,开发模式会遭到破坏,如果需要开发则需改回去。