vue 当前页url与中转route路径不一致 问题

首先我们来谈谈前端路由和后端路由究竟有什么不同呢?

通过用户输入的url,服务端将其解析并将对应的文件传回前端,前端得以根据这些文件渲染页面,完成后端路由的流程闭环.

2. 前端路由:

前端路由是指智能分析url的变化,并根据预先设置,为匹配到不同的url将前端页面指定区域的渲染改变,整个过程可以不知会服务端,常见于各种SPA的开发过程(也就是非常常用)

而前端路由根据实现方式的不同,又可以分为 hash路由 和 html5history路由.

下面,我们也分别介绍一下这两种前端路由的原理:

(耐心看完,不要觉得难,其实很好理解)

1.hash路由:

类似于http://www.shang.com/#/login

这类路由有个很重要的特点,就是 # 号,所有需要侦测变化的位置都必须在 # 之后, 原因是正常情况下,前端url发生变化,都会刷新页面,但是如果变化出现在 # 以后,则不会出现这种情况.

这也能顺利的达成我们的需求: 在刷新页面的前提下,根据url变化,更改前端的展示内容.

那么问题来了,我们要如何侦测到hash路由的变化呢?

这里有个很好的方案,就是通过监听hashchange这个事件来获取变化,并在事件体中编写我们需要的逻辑.