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文件運行在瀏覽器中是不行的（頁面會白屏或者丟失交互效果）