vue prerender-spa-plugin 预渲染显示问题

新手上路,请多包涵

应公司要求给spa的vue项目做seo优化,查了一些资料,用的prerender的预渲染,看了api后做了配置,也出来了html文件,

clipboard.png
现在问题是:首先我头部和尾部用了共用组件,但是头部样式错乱了而尾部没事,

clipboard.png

clipboard.png

然后就是发布到测试后页面会先展示我预渲染的页面,之后出现正式的页面,但是预渲染的页面一直存在在页面里,求大佬帮忙看一下。

阅读 4.4k
3 个回答

预渲染原理是开启一个nodejs 服务器,然后获取给定的路由把网页保存下来,这个我之前也用到过,一般情况下不会出现样式问题,但是预渲染的页面的确会存在页面上。

我猜测你这里应该是样式分割有问题或许在预渲染执行过程中未获取到完整的样式导致该问题

新手上路,请多包涵

刚刚发现了一个问题我预渲染的页面 元素没有在#app里面

clipboard.png

我也遇到了 样式出现问题

请问解决了吗

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