后端路由、前端路由及网页发展的阶段

网页发展阶段

后端渲染 -> 前后端分离 -> SPA页面

后端渲染

浏览器向服务器发送URL，服务器解析url，拿到html+css+java（java代码的作用：从库里拿到数据并将它动态地放在页面里），服务器渲染页面，在传给浏览器（传过去的只有html+css）。

这里用的是后端路由：由后端处理URL和页面之间的映射关系。

前后端分离

浏览器发送URL给静态资源服务器，拿到html+css+js，js由浏览器执行，比如ajax，向提供API接口的服务器拿到动态数据，其他的js代码创建代码并插入到html中，渲染页面并展示。

前端渲染：浏览器显示的网页中的大部分内容都是由前端写的js代码在浏览器中执行，最后渲染出网页。
后端只给数据。

SPA页面

SPA（simple page web application 单页富应用）

整个网页只有一个html页面
静态资源服务器中只有一套index.html+css+js
而前后端分离的静态资源服务器中放了很多套html+css+js->url，一个地址对应一个页面

将组件都打包成一个js，在前端中根据url，在js中抽取对应组件。

前端路由中配置了url和组件的映射关系，根据用户的操作，从已获得的全部资源中抽取所需的一部分进行渲染（不再向服务器请求响应的资源）