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。

猜你喜欢

转载自blog.csdn.net/a7442358/article/details/130610862