vue里hash和history的差异

在Vue应用开发中，路由是不可或缺的一部分，而hash和history模式是Vue Router提供的两种重要的路由实现方式，它们之间存在诸多差异。

从原理上看，hash模式的URL中会有一个“#”符号，例如：www.example.com/#/home。“#”后面的部分就是hash值，它的改变不会向服务器发送请求，浏览器监听hashchange事件来实现页面的切换。而history模式则是基于HTML5的History API，通过pushState、replaceState等方法来改变浏览器的历史记录，实现无刷新的页面切换，URL看起来更加简洁美观，如：www.example.com/home。

在兼容性方面，hash模式具有广泛的浏览器支持，即使是比较旧的浏览器也能很好地运行，因为它是基于URL的hash值变化来实现路由切换，不需要依赖HTML5的新特性。而history模式依赖HTML5的History API，对于一些不支持该API的老旧浏览器则无法正常使用，在使用时需要进行额外的兼容性处理。

在服务器配置上，两者也有很大区别。hash模式由于“#”后的内容不会发送到服务器，所以服务器端不需要特殊配置。但history模式下，由于URL是真实路径，服务器需要配置相应的重定向规则，否则在用户直接访问某个页面或刷新页面时，可能会导致404错误。

另外，从SEO角度来说，hash模式下“#”后的内容搜索引擎一般不会抓取，对SEO不太友好；而history模式下的URL是正常的路径形式，搜索引擎能够更好地识别和抓取，更有利于网站的SEO优化。

在Vue开发中选择hash模式还是history模式，需要综合考虑项目的需求、目标用户的浏览器环境以及SEO要求等因素。如果项目对兼容性要求较高，或者对URL美观性和SEO需求不是特别强烈，hash模式是不错的选择；如果追求更好的用户体验、URL美观性以及SEO效果，且能保证服务器端正确配置，那么history模式会更合适。