prerender-spa-plugin预渲染 补充。。

用法

自行百度 用法一大堆

吐槽

写博客的（有些人）复制粘贴 一大通（关键点都有），然后开发人员也复制粘贴一大通（跑通了），作为一个小白的我发现没有后续了（小白！！！！）。。。生成那么多静态文件（一定是有用的啊），在哪用，怎么用~~我是真的一脸懵逼

部署

vue项目打包完了，下一步一定是部署到服务器啊~
此处省略一万步…

web服务器：nginx，
安装nginx，配置文件之类的自行百度（文章重点不在这）
编辑配置文件你会发现 vue spa history模式一定要有：

try_files $uri $uri/ /index.html;

个人理解：就是把所有的路径都指向根目录的index.html

所有路径都指向了根目录了，那那么多别的静态文件，还有个毛用啊！

所以–
try_files $uri $uri/index.html /index.html;

路径下有index.html的会用预渲染的模板…就这么简单

你如果打开生成的XX/index.html 你会发现最外层都会有

,
里面会有一堆生成的巴拉巴拉巴拉。。

大白话：
初次访问路径的时候不会出现白屏（里面有dom元素）。。等js加载完成后，vue接管后~会把app内的内容替换，就这么简单。。

大神真的不要吐槽，对于小白来说，理解流程更重要。