Vue知识整理，专题之路由：1、路由-前端路由和后端路由的概念

目录

什么是路由

1、**后端路由：

2、**前端路由：

（1）什么是hash？

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

3、相关博文

---

这篇博文我们将进行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（井号）