vue首页加载慢优化：预渲染prerender-spa-plugin使用，及解决编译报错,静态资源404，assetsPublicPath相对路径webpack配置问题

最近，终于有时间也有机会，去做一下vue框架的首页加载慢，白屏时间长的优化问题。具体优化方案很多，搜一下就有介绍。这儿重点介绍下预渲染的优化方式。

PreRender预渲染是此次优化的重点方式。

使用的是prerender-spa-plugin插件，git地址：https://github.com/chrisvfritz/prerender-spa-plugin

网上此控件的使用也有很多例子，可以自己找得到，但是真正打包上传到服务器这步的配置说明，几乎没有人提及。但是配置不对也是徒劳啊。

步骤：

1. 安装：npm install prerender-spa-plugin --save-dev

    

   1. 1. 安装时候需要装chrome的一个插件pupputeer，建议用淘宝镜像，或者cnpm

2. 引用：build=> webpack.prod.conf.js文件中引用下列代码：

   const PrerenderSPAPlugin = require('p