nuxt3服务端渲染时,接口被重复请求2次如何解决?-灵析社区

疯狂的搬运工

关于nuxt3版本,服务端渲染,重复2次请求的问题? 最近重构一个工具站点,使用了nuxt.js 版本3.12.2。 通过查看后端日志,服务端渲染请求接口,每次都会发送2次。 ![](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240923/8958821d345a21a6b1bd93dfd954c6e1.png) 服务端一个接口请求2次,客户端无请求。 ![](https://wmprod.oss-cn-shanghai.aliyuncs.com/c/user/20240923/f9ea190f4b024ae54a1e1ca7e35a9dca.png) 当前页面加载一次分类数据,一次首页数据。 日志记录,每个数据接口是同时发生了两次请求。 看过不少相关问题的解决文档,大多数都说使用 useAsyncData 请求的使用加上 key 参数,试过后也解决不了问题。

阅读量:144

点赞量:0

问AI
你的接口请求是写在哪个方法下,如果写在 "beforeCreate" 或 "created" 下,在服务会执行一次,在客户端也会执行一次,如果想要只执行一次,可以在其他方法下进行接口调用,或者在以上两个放方法中判断一下环境是在服务端还是在客户端 服务端与客户端共有的生命周期 beforeCreate created 客户端的生命周期 beforeMount() {}, mounted() {}, beforeUpdate() {}, updated() {}, beforeDestroy() {}, destroyed() {},