ssr是什么

image.png

image.png
减少白屏时间 对seo友好

因为js做前端渲染，页面一开始是空白的， 等网络拿到数据 js在把数据组装成对应的html标签 插入到页面，
搜索引擎并不会等待js完成页面组装， 对搜索引擎来说 页面就是空的，所以无法进行索引储存

代码实现

image.png
image.png

🌰

image.png
image.png
image.png
server调用这里顺序要调整，放到定义的后面去调用
image.png
image.png
image.png

源文件：

image.png

用commonjs暴露出Search组件

module.exports =

image.png

image.png

npm run build:ssr

处理错误

经常会遇到 window localstorage is undefined ， 那这时候需要hack

image.png

image.png

import 需要改成 require

image.png