Vue笔记整理,专题之路由:1、路由-前端路由和后端路由的概念

 

这篇博文我们将进行vue里面的路由学习,在开始之前我们先了解一些概念。

什么是路由

1、**后端路由:

**对于普通的网站,所有的超链接都是URL地址,所有的URL地址都对应服务器上对应的资源; 

比如:对于一个正常的网站来说,网站前端里面我们所能看到的任何资源,都要通过URL地址,从后台服务器拿,那么后台服务器肯定能接收到或者监听到每次请求中的URL地址,那么这个URL地址我们要返回什么样的资源给前端,其中这个处理的过程就是通过路由来进行分发的,把所有的URL地址都对应服务器上对应的资源,这个对应关系就是我们的后端路由。

 

2、**前端路由:

**对于单页面应用程序来说,主要通过URL中的hash(#号)来实现不同页面之间的切换,同时,hash有一个特点:HTTP请求中不会包含hash相关的内容;所以,单页面程序中的页面跳转主要用hash实现。

在单页面应用程序中,这种通过hash改变来切换页面的方式,称作前端路由(区别于后端路由)

(1)什么是hash?

前端路由它是借助 hash 来实现的,那么什么是hash?

#号后面的东西,我们都叫做hash。如:https://www.xxx.com#/login 或者https://www.xxx.com#/reg

(2)HTTP请求不包含hash(#)

#号是用来指导浏览器动作的,对服务器端完全无用。所以,HTTP请求中不包含#。

比如,访问网址:http://jquery.com#hello  ,浏览器实际发出的请求时这样的:

可以看到,只是请求了http://jquery.com,没有请求"#hello"的部分。

前端路由它会发送到后台服务器,请求某个新页面吗?不会,因为它只涉及到我们前端页面的跳转。

所以说前端路由的hash,只负责在前端页面里面跳来跳去。如:html基础知识的锚点,这个锚点就是指的这里的hash

 

3、相关博文

URL中的hash(井号)

 

 

 

 

 

 

 

 

 

 

发布了341 篇原创文章 · 获赞 57 · 访问量 16万+

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 编程工作室 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览