Nuxt + Wordpress Rest API：在 vuex 商店中存储 axios 响应的优雅且快速的方法

如何解决Nuxt + Wordpress Rest API：在 vuex 商店中存储 axios 响应的优雅且快速的方法

我正在开发一个 Nuxt 前端，它通过 axios 获取 wordpress Rest API 数据 (json)。 我尝试了两种方法：

1. 每当加载相应的帖子或页面时，向“.../wp-json/wp/v2/page?slug=xyz”发出 axios 请求。这使初始页面加载速度保持快速，但每次访问新路由和必须获取新页面数据时都需要一些加载时间。
2. 使 axios 请求异步以从所有页面和帖子中获取所有数据并将其存储在 vuex 中（在“nuxtServerInit”操作中）。这使得初始页面加载速度非常慢（> 3 秒），但允许导航页面而无需再次加载 - 因为所有内容都已加载。

现在 - 显然，第二个选项似乎离“最佳实践”还很远。但是我需要能够快速过滤和查询多个帖子类型中的多个帖子以在前端显示它们，而无需每次都进行 axios 调用。所以我的问题是：

• 如何在后台发出 axios 请求以填充商店，同时快速加载初始页面，以便用户具有视觉效果并可以立即进行交互。

提前致谢！

西蒙