Nuxt3生成SSG注意事项

最近使用npm run generate来生成Nuxt3项目的静态化文件,有以下几点需要注意

1. 生成的链接必须在页面中存在,这里特别注意的是分页,平时处理分页的时候可能使用element plus的分页组件,是没有对应链接的,因此还需要生成对应的分页链接地址。
2. 如果使用NuxtLink标签来处理链接的时候需要注意,虽然NuxtLink智能地确定链接是 internal 还是 external,但是有时候却不是想要的效果,例如静态化的时候。 一旦被确定为内部链接,点击链接后,如果页面有请求API的操作,仍然会被触发,虽然该页面已经被静态化。此时,就需要添加external属性,强制认为是外部链接,此时在点击链接的时候,就不会触发API请求。使用a标签同样的能够完成效果,但是还是推荐使用NuxtLink和external属性组合,在app.config.ts中定义一个全局变量external,如果生成静态,就改为true,如果是SSR或者SPA模式,改为false,方便随时切换
3.nuxt.config.ts中的ssr需要为true,如果为false,构建的就是SPA而非SSG。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值