react + ssr的 分页功能

Question

本人小前端一枚，刚入职一个公司，负责官网，官网是react +ssr的项目 ，从来没做过ssr，不太懂seo。公司处于上升期很注重seo，需要推广，现在项目遇到了一个问题，有一个文章页面，有个分页功能，分页是url来做的，点击第二页，则是跳转url(html模板是不变的，根据分页参数来给模板塞入不同的数据来达到的分页效果，也就是说不同于spa这样单页面的应用axios，分页动作会重新加载页面)，分页参数挂在url后面，比如xxx/detail?page=1&size=10, 这样的问题就是每次修改一个文章内容就要重新发布，我想把这些文章资料都存放到数据库，通过服务端接口来做分页，前端用axios(或者其它方式)来获取，请问这两个方式有什么有缺点吗？url分页把所有的内容都放在前端了，为什么不用数据库来存放呢？对seo或者爬虫有什么影响吗？(重点：公司很需要seo，需要曝光，需要推广)

Answer 1

你们公司实现是静态页面...你的说法是sap做法......都不是ssr....
大致流程应该是这样：

• 正确react+ssr流程应该node端（可以用利用egg、next、nuxt框架实现）与系统后端接口数据交互 。
• 然后对拿到数据对react组件进行填充（通常用renderSteam、renderString）创建html流或者html字符串响应到客户端body（这就是首屏渲染）。
• 浏览器加载完html字符串后会执行js，这时候react bunlde（通常都是在服务器事先用webpack打包好的代码，你可以理解为打包SAP那种）会接管整个应用。

真正SSR不管你的公司分页内容发生了什么变化都不需要重新发布，因为每次的html内容都是在node端组装好才输出到客户端。所以说你的问题是不存在的。

Answer 2

你之前了解过 SSR 没? 按照你的描述,我感觉你不知道 SSR 具体是怎么在工作呢?

使用了 SSR ,我觉的你们的站点本来就是像你说的,文章是放在数据库的,通过服务端接口做了分页.因为需要 SEO 所以使用 SSR 来做服务端渲染,让从外部进入的用户/爬虫,不管从哪个地址进入,返回的都是一个包含当页完整内容的 html. 否则单纯的 SPA 应用,从任何地址进入,页面都只是一个很简单的引导 html 页面,页面没有实际内容,从 SEO 的策略来看,就等于 你的网站有大量连接指向了同一个没有意义的页面,会被降低权重.