Skip to content

Vue2项目资料:vue-todo 服务端渲染

服务端渲染流程

用户界面 -> 纯前端渲染 webpack-dev-server 8080端口

  1. 访问服务端渲染页面 webpack-server-compiler server bundle(这个bundle只在应用内的)
  2. node server 8081端口 渲染快,但script不完整,无法操作
  3. 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 若无,找上一级~~ 这样

共 20 个模块,1301 篇 Markdown 文档。