Vue 单页面应用如何做 SEO 优化 （vue-meta-info + prerender-spa-plugin）

上周想给自己做的网站做一下seo优化，因为这个网站是用vue做的，所以首先就得先解决单页面的seo问题.

网上有好几种方案：

1、使用服务器端渲染（很多大厂都在用）

2、使用vue-meta-info 配合 prerender-spa-plugin 预渲染

由于以前并没有接触过服务器端渲染，所以改造起来可能比较麻烦，所以选用了预渲染作为解决方案；

vue-meta-info 的安装和使用是相当简单的，建议大伙直接去官网看看就行了，它主要的职责就是为每个页面动态生成 title、meta 和 link 等标签。

主要是prerender-spa-plugin 安装和使用有点东西，它所做的预渲染就是当vue-cli构建的项目进行npm run build 的时候，会按照路由的层级进行动态渲染出对应的html文件，这样爬虫在爬取页面的时候就不会再是一个简简单单的 index.html 入口文件了。

This is the stable 3.x version of prerender-spa-plugin based on puppeteer.

// prerender-spa-plugin 的 3.x版本基于 puppeteer

在安装prerender-spa-plugin时 会发现 进度一直停在 build  puppeteer 上，那是因为puppete