获得徽章 9
- #每天一个知识点# 路由的两种模式
Hash模式
1.Hash 模式利用 URL 中的 # 符号（哈希）来实现前端路由。当你在 Vue 应用中切换不同的路由时，URL 会更新为 http : // example. com /# / path这样的形式，其中 # 后面的内容即表示路由地址。
2.这种模式下，浏览器不会将 # 后的内容发送到服务器，因此无需服务器配置，可以直接在客户端处理路由切换，兼容性最好，所有浏览器都支持。
3.有雨hash值变化不会导致浏览器发出请求，而hash改变会触发hashchange事件，浏览器的前进后退也能收到控制。
History 模式
1.History 模式利用 HTML5 的 History API 来改变 URL，使 URL 更加整洁美观，例如 http: // example.com /path。
2.在这种模式下，浏览器会认为每个路由都是一个新的 URL 请求，但实际路由的切换仍然在客户端完成，所以需要在服务器端做相应的配置，以便当用户直接访问任意路由地址时，服务器能正确地返回应用的入口文件（通常是 index.html），而不是返回 404 错误。
总结来说，选择哪种模式取决于项目的具体需求和环境：
如果希望 URL 更干净，且服务器支持配置，则选择 History 模式。
如果希望兼容所有浏览器，或者不需要服务器端配置，可以选择 Hash 模式。展开评论5
![[石化]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_73.55516c0.png)
![[看]](http://lf-web-assets.juejin.cn/obj/juejin-web/xitu_juejin_web/img/jj_emoji_97.39cdc9f.png)
98年女生，随缘认识人