vue里hash与history的差异

在Vue.js开发中，路由的实现方式有hash模式和history模式，它们在实现原理、URL表现形式、浏览器支持以及对SEO的影响等方面都存在着差异。

从实现原理来看，hash模式是通过监听浏览器地址栏中hash值的变化来实现页面的切换。hash值的变化不会导致浏览器向服务器发送请求，而是由前端代码根据hash值的变化来渲染相应的组件。而history模式则是利用HTML5的History API来实现页面的切换，通过pushState和replaceState方法来改变浏览器的历史记录，从而实现无刷新的页面导航。

在URL表现形式上，hash模式的URL中会包含一个“#”符号，例如：http://example.com/#/home。而history模式的URL则更加简洁，没有“#”符号，例如：http://example.com/home。

浏览器支持方面，hash模式兼容性较好，几乎所有的浏览器都支持。因为hash值的变化不会导致浏览器向服务器发送请求，所以即使在不支持History API的浏览器中，也能正常工作。而history模式则需要浏览器支持HTML5的History API，如果在不支持的浏览器中使用，可能会出现兼容性问题。

对于SEO（搜索引擎优化）来说，hash模式存在一定的局限性。由于搜索引擎在识别hash值时存在困难，可能会导致页面内容无法被搜索引擎正确索引。而history模式则更有利于SEO，因为它的URL更加简洁，更符合搜索引擎的规范，能够让搜索引擎更好地理解页面的内容。

在实际开发中，我们需要根据项目的具体需求来选择合适的路由模式。如果项目对兼容性要求较高，且对SEO要求不是特别严格，那么hash模式是一个不错的选择。如果项目对SEO有较高的要求，并且目标浏览器支持HTML5的History API，那么history模式则更为合适。了解hash与history的差异，能够帮助我们更好地进行Vue.js项目的开发和优化。