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

最新推荐文章于 2022-09-21 23:53:36 发布

前端开发二月半

最新推荐文章于 2022-09-21 23:53:36 发布

阅读量2.4k

点赞数

分类专栏： Vue

本文链接：https://blog.csdn.net/ying940718/article/details/103877103

版权

19 篇文章 6 订阅

订阅专栏

使用hash模式时，URL的地址请求中会带有#号，此模式背后的原理是onHashChange事件，可以在window对象中上监听该事件，同时hash发生变化的URl会被记录下来，从而使浏览器的前进后退都可以使用，这样页面的状态和URL形成了关联，又被称为前端路由，成为单页面应用的标配。
History路由可以分为两大部分（切换和修改），通过HistoryAPI可以丢掉丑陋的【#】号，但是有个问题是不怕前进不怕后退就怕刷新，在hash模式中前端修改的是#中信息，与接口请求地址是无直接关联的，因此在后端毫无准备的情况下，刷新等操作不会出现问题，但是History模式下，URL地址就是接口请求地址，因此在后端毫无准备的情况下进行请求可能会直接出现404页面

关注