已完成的vue项目进行seo优化 (prerender-spa-plugin + vue-meta-info)

为啥要seo优化？
别人在百度搜索时，搜索你们公司的网站，会出现好多好多搜索结果，如果想要让你们公司的网站搜索排名靠前一点，让人一眼就能看见你们公司网站，这时候就需要seo优化了。
众所周知，vue是一种 spa 单页面应用，页面的跳转都是基于路由的更改来实现的，代码经过编译后，f12打开调试器，看见的也只是一堆标签，很不利于引擎蜘蛛（网络爬虫）爬取页面（啥叫蜘蛛？请自行百度）。

两种比较好用的seo优化方法：

1. SSR：也就是所谓的服务端渲染，让后端那边直接给到你的就是html，这样直接渲染出来的就是我们想要的效果，推荐使用 Nuxt.js，但是由于俺的项目已经是开发完成的了，再使用Nuxt.js成本比较大，所以不考虑；
2. 预渲染：给特定的几个路由页面，生成特定的静态页面，也就是在build时会打包生成html文件。

这里只说第二种方法：
1.下载所需依赖：(路由模式必须是 history)

npm install vue-meta-info --save
npm install prerender-spa-plugin --save

2.配置webpack，打开vue.config.js文件：

const PrerenderSPAPlugin = require('prerender-spa-plugin');
const Rend