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文件运行在浏览器中是不行的(页面会白屏或者丢失交互效果)