当前位置: 首页 > Web前端 > vue.js

VueSSR_0

时间:2023-03-31 16:06:31 vue.js

SSR全称Serversiderendering为什么要用SSR做服务端渲染?有利于seo的单页应用最大的缺点就是不能抓取异步的动态网站内容。为了解决这个问题,SSR技术应运而生。网站首屏在服务器端渲染完成后,直接返回首屏html客户端更快的页面渲染速度SSRapp.js的基本原理作为客户端的公共入口和server,导出vue根实例,供client入口和server入口使用,client入口的主要作用是挂载到DOM上,而server入口除了创建和返回实例外,还会进行路由匹配和数据预采集。服务器接受请求后,会根据URL加载相应的组件,获取并解析异步数据。此时通过webpack为客户端打包一个clientbundle,客户端打包一个serverbundle。服务端会创建一个bundleRenderer用于读取服务端的bundle,最终生成html返回给客户端。VueSSR的现实其实就是把Vue组件输出成HTML