前端路由的由来

路由这个概念最先是在后端出现的，传统MVC架构的Web开发由后台设置路由规则，当用户发送请求时，后台根据设定的路由规则将数据渲染到模板中，并将模板返回给用户。因此，用户每进行一次请求就要刷新一次页面，十分影响交互体验。

AJAX的出现则有效解决了这一问题。AJAX(Asynchronous JavaScript And Xml)是浏览器提供的一种技术方案，采用异步加载数据的方式实现页面局部刷新，极大地提升了用户体验。

随着前端单页应用的兴起（如：vue），前后端分离成为主流，前端页面完全变成了组件化，不同的页面就是不同的组件，页面的切换就是组件的切换。页面切换的时候不需要再通过HTTP请求，直接通过JS解析URL地址，然后找到对应的组件进行渲染，不仅页面交互无刷新，甚至页面跳转也可以无刷新，前端路由随之应运而生。