vue2.0使用预渲染
vue是一个单页面的应用,这导致一些爬虫的百度取法搜索到。如果你想针对你引用的其中某些页面进行SEO优化,让他们可以被爬虫和百度搜索到,你可以进行预渲染操作,无需使用web服务器实时动态编译html,只需要在构建的时候简单生成针对特定路由的静态html文件。
1创建一个简单的vue项目
文件目录如下
运行后如下图:首页的网络请求只有一个,没有对应的文字和组件,不利于SEO
2预渲染的主要步骤
1.router的模式必须是history;
2.核心插件:npm install prerender-spa-plugin -D
3.在 build/webpack.prod.conf.js 内部引入渲染器
const PrerenderSPAPlugin = require('prerender-spa-plugin');
const Renderer = PrerenderSPAPlugin.PuppeteerRenderer;
plugins: [
new PrerenderSPAPlugin({