前段时间写了一篇vuepress2的开发文章,很多前端小伙伴看,给了我很多鼓励,写这个的原因是我们的百家饭OpenAPI平台是用vuepress搭建的,最开始选型是因为开始的时候觉得只是一个介绍性的产品网站,所以选型用了类似vue的vuepress,但是随着百家饭站点开发的深入,vuepress的很多问题给我们造成了很多的麻烦,以至于我们目前的架构变成了这样一个复杂结构:
|---/api/home (工作台页面,vue开发)
|---/page/{id} 富格式评论页面,lit开发,后端做服务器渲染
|---其他页面,vuepress开发
可以看到,除了原有的一些静态内容页面之外,我们原本使用vuepress开发的工作台页面被移出来,使用vue做了SPA,并和其他页面使用链接进行跳转。
而评论页面(类似blog页面)也被拿出来单独使用lit进行了开发。

文章讲述了在使用Vuepress开发工作台和评论页面时遇到的SSR问题,包括编译失败、Object.removeundefined错误、页面混乱和hydrationmismatch问题。为了解决这些问题,工作台页面改用Vue进行SPA开发,评论页面采用lit框架,利用后台模板做动态内容渲染。建议在需要动态内容和SEO时考虑其他框架,如Vue或lit。
最低0.47元/天 解锁文章
7万+

被折叠的 条评论
为什么被折叠?



