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

发布于 2022-09-12 22:51:09 字数 556 浏览 21 评论 0

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

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

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

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

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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文