Vue SEO优化方案-----prerender-spa-plugin+vue-meta-info

在Vue应用中，SEO优化通常都是采用服务端渲染，我们还有另外一种方式：
使用 vue-meta-info 动态设置title/keword/description 、
具体用法参见文档：https://github.com/muwoo/vue-meta-info

如果需要根据路由生成纯静态资源，使用 prerender-spa-plugin 可以轻松的添加预渲染

prerender-spa-plugin的使用，基与vue-cli配置：

webpack.prod.conf.js

image.png

//spa 生成静态
const PrerenderSPAPlugin = require('prerender-spa-plugin')

 plugins: [

    // 编译后的html需要存放的路径
    new PrerenderSPAPlugin(
      path.join(__dirname, '../docs'),

      // 列出哪些路由需要预渲染
      ['/',
        '/main',
        '/newsList'
      ]
    ),
]