vue2.0使用预渲染

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(