vue里hash与history该选哪个

在Vue开发中，路由模式的选择至关重要，其中hash和history是两种常见的模式，各有优劣，开发者需根据项目需求谨慎抉择。

先来说说hash模式。它的显著特点在于URL中带有“#”符号，例如“www.example.com/#/home”。# 以及后面的内容不会被发送到服务器，这意味着即使页面刷新，也不会对服务器造成额外请求，很好地避免了404问题。在兼容性方面，hash模式表现出色，几乎能兼容所有浏览器，这对于需要广泛支持各种浏览器环境的项目来说是一大优势。而且它的实现原理相对简单，对于初学者或者项目开发周期较短的情况，使用hash模式可以快速完成路由功能的搭建。不过，hash模式也有缺点，URL中带有# 符号，不够美观，在一些对URL要求较高的场景，如分享链接等，可能会影响用户体验。

再看看history模式。这种模式的URL更加简洁美观，没有hash模式中的# 符号，例如“www.example.com/home”，更符合用户对传统URL的认知习惯，提升了分享链接的友好度。它通过HTML5的History API来实现路由切换，使用pushState和replaceState方法改变浏览器的历史记录，从而实现无刷新页面的切换。然而，history模式也存在挑战。由于URL真实存在，服务器需要进行相应配置，否则在页面刷新时可能会出现404错误。它的兼容性相对hash模式稍弱，对于一些老旧浏览器可能无法完美支持。

在选择Vue的路由模式时，如果项目对兼容性要求极高，或者希望快速开发、不希望过多关注服务器配置，hash模式是不错的选择。而如果更看重URL的美观性以及用户分享体验，并且项目有能力对服务器进行配置，那么history模式或许更适合。只有充分了解这两种模式的特点，才能在Vue项目开发中做出最合适的决策，提升项目的整体质量和用户体验。