vue-router的hash(地址栏中带#号)模式与History模式

  1. 使用hash模式时,URL的地址请求中会带有#号,此模式背后的原理是onHashChange事件,可以在window对象中上监听该事件,同时hash发生变化的URl会被记录下来,从而使浏览器的前进后退都可以使用,这样页面的状态和URL形成了关联,又被称为前端路由,成为单页面应用的标配。

  2. History路由可以分为两大部分(切换和修改),通过HistoryAPI可以丢掉丑陋的【#】号,但是有个问题是不怕前进不怕后退就怕刷新,在hash模式中前端修改的是#中信息,与接口请求地址是无直接关联的,因此在后端毫无准备的情况下,刷新等操作不会出现问题,但是History模式下,URL地址就是接口请求地址,因此在后端毫无准备的情况下进行请求可能会直接出现404页面

发布了20 篇原创文章 · 获赞 6 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/ying940718/article/details/103877103
今日推荐