关于服务端入口的数据预取 和客户端入口的数据预取 的问题

来源:9-7 【转】对SPA应用的第二次SSR改造:防止客户端二次预取数据

宇航员_

2022-05-09

在服务端入口已经进行了asyncData 并且把数据存放到 服务端的store 中 ,再使用window.inital_state 共享给了 客户端的store。

问题1、为什么还要在客户端入口中进行asyncData 数据预取?

问题2、服务端asyncData 后的store 同步给客户端的store 已经是Hydrate了 为什么路由跳转后不reload页面数据没有显示?

写回答

1回答

Harry_wang

2022-05-09

问题1:因为不可能每次跳转路由的时候重新刷新当前页面,这样就失去了单页面应用的优势,因此还需在客户端入口文件中编写客户端的数据预取逻辑,这样就既实现了Hydrate,又不需要reload页面就能拿到数据
问题2:问题1只要解决了,问题2就不存在了。9-7小节学习之后,就不需要reload当前页面就可以拿到数据了,你可以试试从登录页通过vue-router跳转到home页面,应该是可以拿到接口数据的。


0
0

Vue3+TS打造SSR网站应用,0到1实现服务端渲染

教你一套前端技术组合拳,Get全套网站优化解决方案

368 学习 · 192 问题

查看课程