资源请求与下载

前后端分离

前后端分离模式生产原因
WEB 开发分工的问题，前端是致力于 HTML、CSS、JS 来开发。让前端做数据那部分是力不从心的。
前后端开发目的是让前端、后端的工作流分离，那么就要前端只关注于 HTML、CSS、JS，而后端只关注数据部分。前端开始页面样式，后端开发接口逻辑。双方写好后只需要对接好即可。

好处：

  • 服务端好数据接口，以数据结构为其业务的基础
  • 前端做好页面、做好样式，做好 JS 脚本
  • 各行其职

坏处

  • 前端 html 原码是没有任何的结构

  • 无法被搜索引擎分析，SEO 是没法做的

    服务端渲染

    服务端把数据渲染好后，返回整个 HTML 到客户端

    对于开发来说，这样有什么问题

    如果要让前端懂后端来说，这成本会很大。所以才有前后端分离，但是这样又会无法 SEO，形成一个死循环。
    所以有以下的解决方式，使用NODE来做中间层机制（增加一个中间层）

    Nuxt.js 做了什么

  • Vue 组件集合

  • Nuxt 页面打包
  • Nuxt 请求数据
  • 组件与数据结合
  • 组装 HTML

一切行为在服务端完成，最后返回完整的 HTML
就是在前端与后端之间搭了一个桥梁，完成中间层的工作来输出静态 HTML 页面