动态渲染的seo 方案
目前来说 有两种方案
1. Vue-meta-info + prerender-spa-plugin
2. Nuxt
优缺点来说
第一种
方案可行,对代码改造比较小,配置量小
缺点是,如果是动态的页面,比如文章详情页、问答页面这类内容动态的,不适合用此方案,而且,比较重要的是对于SEO并不能完美的解决,尤其是体量非常大的网站
第二种:
优点 Nuxt ,完美解决了前端的SSR,而且有相应的脚手架可以快速搭建项目,而且接入简单,开发成本低
缺点 对原有项目改动较大,目录结构需要按照nuxt来搭建,其次,比较重要的是,需要搭建自己的node服务,后端只提供接口,如果公司的后端业务比较庞大,大公司的前端团队一般不会拥有服务端的能力(有各种原因,基本上最主要的是大公司的架构、设计、稳定性、还有用户体量等都决定了,核心逻辑都在后端,前端通常都是提供模版的渲染,反而中小公司体量小,船小好调头)
第三种:
tpl 模式,这种实际意义上算是后端渲染,前端也这是作为tpl的模版,可以通过 widget,组件拆分来管理静态模版