目前有三种处理方式,根据不同情况使用:
1.prerender-spa-plugin
插件进行预渲染,生成HTML
适用于只需优化几个页面(没有AJAX数据更新的页面),纯静态网页。
参考:
https://github.com/chrisvfritz/prerender-spa-plugin
2.SSR技术原理,推荐框架nuxt.js
适用于新项目采用,不建议老项目更改,那样耗时耗力!
3.Rendora处理,通过拦截请求头判断是否爬虫,进行实时渲染返回给用户
适用于老项目,在最小成本上改动!
参考:
https://segmentfault.com/a/1190000019704882
https://github.com/rendora/rendora
最后结合 vue-meta-info 插件进行SEO动态化
npm i vue-meta-info
参考:
https://github.com/muwoo/vue-meta-info