vue seo优化（预渲染prerender-spa-plugin结合vue-meta-info）

参考文章：

https://www.jianshu.com/p/56949dab75e5
https://www.cnblogs.com/kdcg/p/9606302.html
https://blog.****.net/yftk765768540/article/details/81047145

https://blog.****.net/yanby921005/article/details/80305971（seo优化-页面内容优化）

正文：

前提：已完成vue单页面开发，使用的hash模式，但现在需要对网站进行seo优化

选择seo优化的方式：对于项目的现状，选择“预渲染”方式进行seo优化

优化步骤：

一、首先搜索引擎对于#后面的内容（锚）点一般是不收录的，所以需要先把hash模式改成history模式

1.router文件夹中index.js

export default new Router({
    mode: 'history',
    base: '/',//如果项目直接放的跟目录, 那么是没有问题的,如果是子目录,那么就会一片空白了.这个vue官方有解释,需要加一个base
  routes: []
})

2.改成history模式后，后台的配置上篇文章已经说明，地址https://www.cnblogs.com/duanzhenzhen/p/11585952.html

3.安装prerender-spa-plugin

// 安装
cnpm install prerender-spa-plugin --save

4.在webpack.prod.conf.js头部引入prerender-spa-plugin：

// 头部引入
const PrerenderSPAPlugin = require('prerender-spa-plugin')
const Renderer = PrerenderSPAPlugin.PuppeteerRenderer