Vue 路由中 hash 和 history 模式的区别在于：URL 格式：hash 使用 # 前缀，history 使用常规路径。浏览器处理：hash 仅由浏览器处理，不会发送到服务器；history 使用历史记录 API，会发送请求导致页面重新加载。优缺点：hash 浏览器兼容性好、不需要服务器端配置，但 URL 不美观；history URL 美观、可使用后端路由和服务器端渲染，但需要服务器端配置。
Vue 中 hash 和 history 的区别
在 Vue 中，路由提供了两种模式：hash 和 history。它们的主要区别在于 URL 的格式和浏览器处理方式。
URL 格式
-
hash 模式: 使用
#前缀的哈希片段，例如#/home -
history 模式: 使用常规的路径，例如
/home
浏览器处理
立即学习“前端免费学习笔记（深入）”；
- hash 模式: 哈希片段不会发送到服务器，仅由浏览器处理。因此，页面不会重新加载，URL 中也不会显示完整的路径。
- history 模式: 使用浏览器的历史记录 API，当 URL 更改时会发送请求到服务器，导致页面重新加载。
优缺点
hash 模式
-
优点：
- 不需要服务器端配置
- 浏览器兼容性更好
-
缺点：
- URL 中的哈希片段不美观
- 无法使用后端路由
- 不能与服务器端渲染配合使用
history 模式
-
优点：
- URL 美观
- 可以使用后端路由
- 可以与服务器端渲染配合使用
-
缺点：
- 需要服务器端配置
- 在某些旧浏览器中可能不支持
选择建议
选择合适的路由模式取决于具体情况：
- 如果不需要后端路由或服务器端渲染，并且需要更好的浏览器兼容性，hash 模式是一个不错的选择。
- 如果需要后端路由、服务器端渲染或美观的 URL，history 模式则是更合适的选项。
