Prerender-SPA-Plugin是什么东西?

介绍

Prerender-SPA-Plugin，生成静态页面站点，是一个预渲染插件

配置

webpack.conf.js
var path = require('path')
var PrerenderSpaPlugin = require('prerender-spa-plugin')
 
module.exports = {
  // ...
  plugins: [
    new PrerenderSpaPlugin(
      // Absolute path to compiled SPA
      path.join(__dirname, '../dist'),
      // List of routes to prerender
      [ '/', '/about', '/contact' ]
    )
  ]
}

我遇到了一个问题.. 就是dist那些文件 路径错了。 解决方法，就是config的index.js文件，修改build的路径 assetsPublicPath: '../'。 就是上一级，好吧，坑又来了。

Uncaught ReferenceError: webpackJsonp is not defined
   at /E:/vue_cli_test/myvuetest/dist/static/js/1.68bf31c38271f32f9606.js:1
  解决方法
     chunks: ['manifest', 'vendor', 'app']
  //有什么问题干他https://www.cnblogs.com/hcxy/p/7999360.html

然后又有坑啦，就是空白页面，我试试把mode删除。

好难啊，要去学习ngnix才行，我现在先去学习SSR了。今晚烧烤~2018年8月5日15点00分

最终结果：

我搞不明白什么预渲染… 我不会nginx。
我的理解是 dev的情况下 不需要使用spa spa是在build使用的，目的仅仅是为了生成单页面，但是有利于seo吗？
所以，SSR才是最利于SEO的。如果我以后遇到什么问题，用SSR解决这些吧。
vue-loader已经全部渲染完毕了，直接丢进根vue的。