前端路由模式history和hash有什么不同？

前端路由的history模式和hash模式是两种常见的前端路由模式，它们在URL的结构和表现方式上有一些不同：

1. Hash模式：URL中的路由信息会被放在URL的片段标识符（即 # 后面的部分）中。例如：http://example.com/#/about。由于hash部分的变化不会触发完整的页面刷新，因此这种模式非常适合单页应用程序（SPA）,因为它可以实现前端路由而无需向服务器发送请求。Hash模式的有点是兼容性较好，可以在不同浏览器和服务器上运行。
2. History模式：URL中的路由信息是正常的路径，不包含 # 符号。例如：http://example.com/about。History模式使用了HTML5 History API，它允许前端路由在不刷新页面的情况下修改URL，因此用户体验更加流畅。使用history模式需要服务器配置来处理前端路由的请求，以防止在刷新页面时出现404错误。

主要的区别和特点如下：

• URL结构：Hash模式的URL包含 # 符号，而History模式的URL不包含。
• 兼容性：Hash模式在更早期的浏览器中兼容性更好，而History模式需要更现代的浏览器支持HTML5 History API。
• 用户体验：History模式提供了更友好的URL，但需要服务器配置和处理。它可以实现前进和后退的按钮操作，而无需页面刷新。
• 部署：Hash模式不需要特殊的服务器配置，因为路由信息在客户端，而History模式需要服务器配置以处理前端路由的请求，以避免404错误。