Vue Router 的 hash 模式和 history 模式,一文搞懂区别与使用场景
前言:为什么需要了解路由模式?
在 Vue 项目中,路由是前端 SPA(单页应用)的核心之一。Vue Router 提供了两种常用的路由模式:hash 模式和 history 模式。很多新手在选择时容易混淆,今天我们就来系统梳理一下两者的区别、优缺点以及适用场景。
什么是 hash 模式?
定义:
hash 模式使用 URL 的 #(哈希符号)来模拟不同的路径。例如:
http://example.com/#/about
特点:
- 浏览器不会向服务器发送
#之后的内容,只在前端处理。 - 支持老版本浏览器,无需服务器配置。
- 刷新页面不会导致 404。
优点:
- 配置简单,兼容性好。
- 不需要服务器特殊支持,直接部署即可。
- 刷新或直接访问 URL 不会报错。
缺点:
🔒 点击解锁完整内容
