Vue-cli使用prerender-spa-plugin插件预渲染

使用prerender-spa-plugin插件预渲染

众所周知单页面应用不利于SEO，为了解决这个问题网上所给出的2个解决方案
1、服务器端渲染
2、预渲染
由于页面较少，且预渲染相对于SSH比较简单，于是选择预渲染页面，预渲染可以极大的提高网页访问速度。而且配合一些meat插件，基本可以满足SEO需求。
说明：使用这种方式，路由需要设置History 模式
第一步：安装prerender-spa-plugin,在build/prod中添加如下代码

第二步：在main.js中添加如下代码

 

第三步：index.html中引入静态资源把 ./ 改成 /，/是根目录（就是域名），./是当前目录（浏览器地址）

 

第四步：运行npm run build命令，大功告成。需要登录的页面是渲染不出来的，不可能根据每个用户生成一个html