Vue Router 的 hash 模式和 history 模式,一文搞懂区别与使用场景

前言:为什么需要了解路由模式?

在 Vue 项目中,路由是前端 SPA(单页应用)的核心之一。Vue Router 提供了两种常用的路由模式:hash 模式和 history 模式。很多新手在选择时容易混淆,今天我们就来系统梳理一下两者的区别、优缺点以及适用场景。


什么是 hash 模式?

定义:
hash 模式使用 URL 的 #(哈希符号)来模拟不同的路径。例如:

http://example.com/#/about

特点:

  1. 浏览器不会向服务器发送 # 之后的内容,只在前端处理。
  2. 支持老版本浏览器,无需服务器配置。
  3. 刷新页面不会导致 404。

优点:

  • 配置简单,兼容性好。
  • 不需要服务器特殊支持,直接部署即可。
  • 刷新或直接访问 URL 不会报错。

缺点:

🔒 点击解锁完整内容


次阅读

扫描下方二维码,关注公众号:程序进阶之路,实时获取更多优质文章推送。


扫码关注

评论