vue 预渲染 prerender-spa-plugin

一、预渲染说明

https://ssr.vuejs.org/zh/#为何使用服务器端渲染-ssr-？

若是你调研服务器端渲染(SSR)只是用来改善少数营销页面（例如 /, /about, /contact 等）的 SEO，那么你可能须要预渲染。无需使用 web 服务器实时动态编译 HTML，而是使用预渲染方式，在构建时(build time)简单地生成针对特定路由的静态 HTML 文件。优势是设置预渲染更简单，并能够将你的前端做为一个彻底静态的站点。

二、预渲染插件prerender-spa-plugin

插件地址：

https://github.com/chrisvfritz/prerender-spa-plugin

三、示例代码：

https://github.com/MengFangui/prerender-spa-plugin-demo

四、http-server起服务

https://www.npmjs.com/package/http-server

在http-server中起服务，便可查看输出到dist文件夹中的文件。

说明：须要起服务查看静态化后的文件，单独将html文件运行在浏览器中是不行的（页面会白屏或者丢失交互效果）