react 服务器渲染怎么做页面内容定制

guyang
  • 14

项目是react + ssr,因为需要做seo优化,所以很多内容都写死在前端,然后webpack打包的时候一起打包进去。现在有个需求是想把一些内容做成可配置的,通过一个后台+数据库去实现内容实时更新,这样更新了一些文章可以让运营同学自己操作,不用每次都需要前端同学介入,拿到更新内容整理好格式,然后放在前端,打包,然后发布。

比如一个文章页面,内容我可以异步请求拿到,通过laoding加载增加用户体验,但是页面上的一些相关推荐的链接则是页面返回之前就渲染好的,便于爬虫抓取。所以最后的问题还是绕不开有些配置(比如某个文章的相关推荐)要写死在前端跟随打包的时候一起打包好,而我想把这些配置放到数据库,所以这里该怎么办?

我的初步解决思路是,把这些所有的配置放到数据库中,nodejs服务端在返回页面之前先发请求拿到这些配置,然后把这些配置传给渲染模板,渲染模板中再写入一段js,把配置数据挂载到window上,页面请求之后就可以获取到这些配置项了,

但是有个问题就是服务端有没有window,以及打包的js执行到配置项的时候,window上的配置项是否已经存在了。

然后还有其它更优雅的实现方式吗?既能保证seo爬虫,又能可配置,释放前端的繁琐发布。

回复
阅读 219
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏