前端渲染和后端渲染,前端路由和后端路由

后端渲染,后端路由

  • 浏览器发送请求url到服务器
  • 服务器通过url找到对应的jsp页面,后台处理数据返回给浏览器html+css+js处理好的页面
  • 后端服务器进行处理路由映射关系
    前端渲染和后端渲染,前端路由和后端路由

前后端分离

  • 浏览器发送url请求到静态资源服务器
  • 服务器响应静态页面html+css+js,浏览器解析js时向api接口服务器发送ajax请求
  • api接口服务器得到url,进行相应数据处理,返回相应数据
  • 浏览器得到数据,展示在页面上
    前端渲染和后端渲染,前端路由和后端路由

前端渲染,前端路由,spa单页面富应用

  • 前端路由处理映射关系
  • 前端发送请求到静态资源服务器,响应一套页面
  • 前端路由处理映射关系,通过相应的js选择对应的组件跳转页面,并向api服务器发送数据请求

前端渲染和后端渲染,前端路由和后端路由