webpack怎样做seo

如果你想简单的使用，看一下NUXT的文档。

如果你想具体完整了解服务器端渲染，看一下Vue官网关于服务器端渲染的文档。

如果你确定问的是预渲染，而不是服务器端渲染，可以看一phantomJs，自己爬自己的网站，然后针对搜索蜘蛛给出html，而给用户，依然返回单页面应用。

两个方案

1。写个脚本用phantomjs或者chromeless抓自己的网站，然后导出到static文件夹命名为xxx.html。这样就有收录了。

2。中间搭了一层node，代替之前的nginx，获取到路由后预渲染，然后res.send回去

*回答来源链接：https://www.zhihu.com/question/266952261/answer/316472382

以上就是《webpack怎样做seo》的全部内容，感谢阅读，希望对你有帮助！

这个问题可以从多个方向去考虑，如果在有环境有精力的情况下，可以考虑ssr(server side rendering)，不仅能解决SEO，折腾的过程也是一笔宝贵的经验和财富。

其次偏静态的站点可以考虑预渲染，chrisvfritz/prerender-spa-plugin，作者是vue的核心团队成员，但不局限于vue使用，搭配webpack和主流UI层框架均可。

再其次就可以寻求一些妥协方案，例如针对爬虫请求返回直出页面，关键SEO相关直出后UI框架接管等等，这也是一个老生常谈的话题了，多思考多变通，从中找出一个最适合你们现状的法子。

*回答来源链接：https://www.zhihu.com/question/47902788/answer/450982622

以上就是《前后端分离怎么解决seo》的全部内容，感谢阅读，希望对你有帮助！

1、服务端渲染

服务端渲染对于刚接触 vue 的新手来说，并不是那么友好，虽然已有官方 SSR 中文文档。但是对于一个已经开发完毕的 vue 项目去接 SSR 无论是从工作量还是技术角度来说，都是一种挑战。

2、预渲染方式

在构建时 (build time) 简单地生成针对特定路由的静态 HTML 文件。优点是设置预渲染更简单，并可以将您的前端作为一个完全静态的站点。如果您使用 webpack，您可以使用 prerender-spa-plugin 轻松地添加预渲染。它已经被 Vue 应用程序广泛测试。

---