打赏

vue 预渲染 prerender-spa-plugin

1、预渲染说明

https://ssr.vuejs.org/zh/#为什么使用服务器端渲染-ssr-?

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

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

插件地址:

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

3、示例代码:

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

4、http-server起服务

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

http-server中起服务,即可查看输出到dist文件夹中的文件。

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

 

posted @ 2018-07-10 10:21  孟繁贵  阅读(689)  评论(0编辑  收藏  举报
TOP