vue-ssr
2020-01-15 14:06:25 2 举报
Vue SSR 原理图
作者其他创作
大纲/内容
vue-ssr-client-manifest.json
clientManifest
template
const { createBundleRenderer} = require('vue-server-renderer')
index.htmltemplate
Hydrate
render
Webpackbuild
Node server
vue-ssr-server-bundle.json
通过它,自动推断和注入js/css 到html中
CDN
bundle
excute
client通过data-server-render=\"true\"判断是服务端渲染,和html进行混合
App.vue<router-view />
entry-client.js
HTML
entry-server.js
Browser
app.js createApp(store)
JS CSS bundle
router/index.js new Router(...)
0 条评论
下一页