vue-router 中hash模式和history模式。

最新推荐文章于 2024-05-28 23:52:28 发布

油乐王子

最新推荐文章于 2024-05-28 23:52:28 发布

阅读量146

点赞数

文章标签： vue.js 前端

本文链接：https://blog.youkuaiyun.com/weixin_54757930/article/details/121761837

版权

hash

—— 即地址栏 URL 中的 # 符号（此 hash 不是密码学里的散列运算）。
比如这个 URL：http://www.aaa.com/#/hello，hash 的值为 #/hello。它的特点在于：hash 虽然出现在 URL 中，但不会被包括在 HTTP 请求中，对后端完全没有影响，因此改变 hash 不会重新加载页面。浏览器请求时不会将 # 后面的数据发送到后台

history

—— 利用了 HTML5 History Interface 中新增的 pushState() 和 replaceState() 方法。（需要特定浏览器支持）丢掉了丑陋的#，但是它也有个问题：不怕前进，不怕后退，就怕刷新，f5，（如果后端没有准备的话）,因为刷新是实实在在地去请求服务器的。如果服务器中没有相应的响应或者资源，则会刷新出来404页面。

因此可以说，hash 模式和 history 模式都属于浏览器自身的特性，Vue-Router 只是利用了这两个特性（通过调用浏览器提供的接口）来实现前端路由。