欢迎走进晋骏科技官网
199-2585-8673

前端路由与后端路由的差异性

发布日期: 2019-05-06 11:56:54 阅读量:182次 作者:晋骏科技

Web行业内关于这个问题,无论是平时实战项目开发中,还是业余学习中,都有过思考。到底什么样的项目适合前端路由,什么样的项目适合后端路由?通过本文小编主要从web应用中页面跳转方式来说明,目前web开发技术中常见的两种页面路由方式及对应的技术,然后根据不同的路由方式对应的技术来阐述不同技术的差异性以及在我认为未来web开发的技术发展趋势。

1、什么是路由?

路由是根据不同的 url 地址展示不同的内容或页面;

2、什么是前端路由?

很重要的一点是页面不刷新,前端路由就是把不同路由对应不同的内容或页面的任务交给前端来做,每跳转到不同的URL都是使用前端的锚点路由. 随着(SPA)单页应用的不断普及,前后端开发分离,目前项目基本都使用前端路由,在项目使用期间页面不会重新加载。

3、前端路由有什么优点和缺点?

优点:用户体验好,和后台网速没有关系,不需要每次都从服务器全部获取,快速展现给用户。可以再浏览器中输入指定想要访问的url路径地址。实现了前后端的分离,方便开发。有很多框架都带有路由功能模块。

缺点:使用浏览器的前进,后退键的时候会重新发送请求,没有合理地利用缓存。单页面无法记住之前滚动的位置,无法在前进,后退的时候记住滚动的位置。

前端路由与后端路由的差异性

4、什么是后端路由?

浏览器在地址栏中切换不同的url时,每次都向后台服务器发出请求,服务器响应请求,在后台拼接html文件传给前端显示, 返回不同的页面, 意味着浏览器会刷新页面,网速慢的话说不定屏幕全白再有新内容。后端路由的另外一个极大的问题就是 前后端不分离。

5、后端路由有什么优点和缺点?

优点:分担了前端的压力,html和数据的拼接都是由服务器完成。

缺点:当项目十分庞大时,加大了服务器端的压力,同时在浏览器端不能输入制定的url路径进行指定模块的访问。另外一个就是如果当前网速过慢,那将会延迟页面的加载,对用户体验不是很友好。

通过上述总结出以下5点:

如果是功能复杂的网站,建议后端路由,不建议大型网站用前端路由,太重(通常来说就是整个网站,也可能是功能单一的大型网站,比如携程这样的)。

功能单一的网站,比如 webapp 那种,建议前端路由(通常说的单页应用 SPA)。

页面有很多组件复用的情况,建议前端路由(如果页面功能复杂,参考第一条)。

无所谓前端还是后端路由的网站,比如后台管理系统,那就前端路由吧,毕竟无论是 Vue 还是 React,都有好几个搭配的 UI 库,前端撸会比较顺心。

功能太简单的网站,简单到就几个静态页面,前端路由、后端路由均可,甚至不需要路由。

更多请关注晋骏科技其它相关建站知识!

此文章均为本站原创,转载请注明来自晋骏科技