nuxt3服务端渲染时，接口被重复请求2次如何解决？

Question

关于nuxt3版本，服务端渲染，重复2次请求的问题？

最近重构一个工具站点，使用了nuxt.js 版本3.12.2。
通过查看后端日志，服务端渲染请求接口，每次都会发送2次。

服务端一个接口请求2次，客户端无请求。

当前页面加载一次分类数据，一次首页数据。
日志记录，每个数据接口是同时发生了两次请求。

看过不少相关问题的解决文档，大多数都说使用 useAsyncData 请求的使用加上 key 参数，试过后也解决不了问题。

Answer 1

你的接口请求是写在哪个方法下,如果写在 beforeCreate 或 created 下,在服务会执行一次,在客户端也会执行一次,如果想要只执行一次,可以在其他方法下进行接口调用,或者在以上两个放方法中判断一下环境是在服务端还是在客户端

服务端与客户端共有的生命周期
beforeCreate
created

客户端的生命周期
beforeMount() {},
mounted() {},
beforeUpdate() {},
updated() {},
beforeDestroy() {},
destroyed() {},