vue等框架打包的项目一般为SPA应用,而单页面是不利于SEO的,现在的解决方案有两种:
注意:
然后在webpack.prod.conf.js里面添加:
在webpack.prod.conf.js的plugins里面添加:
最后在main.js里面修改:
安装:
在main.js引入:
在vue页面中配置:
如果你想简单的使用,看一下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》的全部内容,感谢阅读,希望对你有帮助!
1、服务端渲染服务端渲染对于刚接触 vue 的新手来说,并不是那么友好,虽然已有官方 SSR 中文文档。但是对于一个已经开发完毕的 vue 项目去接 SSR 无论是从工作量还是技术角度来说,都是一种挑战。
2、预渲染方式
在构建时 (build time) 简单地生成针对特定路由的静态 HTML 文件。优点是设置预渲染更简单,并可以将您的前端作为一个完全静态的站点。如果您使用 webpack,您可以使用 prerender-spa-plugin 轻松地添加预渲染。它已经被 Vue 应用程序广泛测试。
欢迎分享,转载请注明来源:夏雨云
评论列表(0条)