Vue Router Hash 模式与 History 模式的区别
Vue Router 是 Vue.js 官方提供的路由管理器，用于实现单页面应用的路由控制。Vue Router 提供了两种路由模式：Hash 模式和 History 模式，它们在实现方式和使用场景上存在一些区别。
1. Hash 模式
Hash 模式使用 URL 中的 hash（#）来模拟路由，即将路由信息放在 URL 的锚点部分。例如：
www.example.com/#/home 或 www.example.com/#/about
在 Hash 模式下，URL 中的 hash 部分变化时，浏览器不会向服务器发送请求，只是触发浏览器的 hashchange 事件，然后由 Vue Router 根据 hash 的变化来进行路由切换。
Hash 模式的优点是兼容性好，只需要一个简单的后端配置即可，在一些老的浏览器上也能正常工作。缺点是 URL 中会出现 # 号，看起来不够美观。
2. History 模式
History 模式使用 HTML5 的 History API 来管理路由，通过修改 URL 的 path 部分来实现路由切换。例如：
www.example.com/home 或 www.example.com/about
在 History 模式下，当产生路由切换时，浏览器会向服务器发送实际的 HTTP 请求，需要服务器端的支持。服务器需要配置一个覆盖所有情况的接口，除了静态资源，所有请求都返回同一个 HTML 文件。
History 模式的优点是 URL 看起来更加干净，没有 # 号。缺点是需要后端的支持，不然会导致页面刷新时出现 404 错误。
3. 如何选择
选择使用哪种模式取决于你的实际需求。如果你需要兼容老的浏览器或不需要后端的支持，那么可以选择 Hash 模式。如果你希望 URL 更美观，同时具备后端支持，那么可以选择 History 模式。
Vue Router 提供了在创建路由实例时通过 mode 属性来选择使用哪种模式，默认情况下为 Hash 模式，你可以根据需求进行相应的配置。
总之，Vue Router 的 Hash 模式和 History 模式在实现方式和使用场景上有所不同，根据需求来选择合适的模式。
