在Nuxt.js中,当你使用路由跳转到某个页面后,刷新页面可能会导致404错误的问题。这是因为Nuxt.js默认使用了服务器端渲染(SSR),而刷新页面时,服务器无法正确地处理路由请求。
直接上代码
1.在nuxt.config.js文件中,添加target: 'static’配置项,以告诉Nuxt.js生成静态站点:
export default {
target: 'static'
// 其他配置项...
}
2.执行nuxt generate命令,生成静态站点:
第二步也不一定要使用,可能第一步就好了。
npx nuxt generate
nuxt generate命令会在dist目录下生成静态HTML文件。将该目录下的文件上传到你的服务器或静态文件托管服务上。