文章页内容的展示

[willis325]

我想请教下博主，文章页面显示当前路由对应的文章内容的方法（在什么时候获取数据）

[smallpath]

可以参考一下这一段

不局限于文章页面，所有页面都可以按这样的数据获取顺序，通过preFetch钩子来控制

[willis325]

博主，为啥我在生产环境下F12还能看到请求呢

[smallpath]

你是说哪个请求啊？ 博客刷新的话没有Ajax异步请求和分块加载请求，文章页的请求大多数是disqus评论

[willis325]

就是博客刷新的時候會出現類似ajax請求

[smallpath]

纳尼，你截个图看看？

[willis325]

[smallpath]

哦，去除Ajax请求是SSR做的，你需要把它改成SSR形式

[willis325]

是ssr啊

[willis325]

博主 从首页进入文章页 为什么我的页面不是先把数据渲染完 再渲染页面啊

[smallpath]

官方路由的数据获取是这样的，分为两种模式，根据SSR的特征，在导航完成前获取数据可以充分利用preFetch钩子，因此我觉得更好一些。

详细的描述在这一节

[willis325]

博主 你上面说的这种方法 在导航完成前preFetch 但是在server-entry的时候也会preFetch 那么第一次加载的时候会出现两次preFetch 这个怎么解决呢

[smallpath]

导航完成前的preFetch是用router.beforeEach等钩子来做的吧？把他们放到store.replaceState(window.__INITIAL_STATE__)语句之后，首屏就不会再次触发preFetch了。原因是使用了vue-router-sync，替换全局状态中的route属性时会触发一次路由钩子