Vue2项目资料:vue-todo 服务端渲染
服务端渲染流程
用户界面 -> 纯前端渲染 webpack-dev-server 8080端口
- 访问服务端渲染页面 webpack-server-compiler server bundle(这个bundle只在应用内的)
- node server 8081端口 渲染快,但script不完整,无法操作
- node server 从8080端口的服务中拿到响应资源,给server bundle
具体 webpack 配置 见 build/webpack.config.server.js
然后在server 里写服务端代码
memory-fs 具有和原生 node的功能,区别在于 memory-fs 不会将文件写入到磁盘中,而是写到内存中,所以性能上高得多
npm i vue-meta -S
可以在组件里写 metaInfo
js
export default {
metaInfo: {
title: 'The Todo App'
}
}在当前组件找 metaInfo 若无,找上一级~~ 这样
