vue中hash和history的区别

在Vue中，路由有两种模式：hash模式和history模式。它们的区别在于URL的格式不同。

在hash模式下，URL中会有一个#符号，例如：http://example.com/#/path。#符号后面的路径会被浏览器解释为页面内的一个锚点，不会向服务器发送请求。因此，当使用hash模式时，所有的路由都是由前端来处理的。

在history模式下，URL没有#符号，例如：http://example.com/path。这种模式使用了HTML5 History API，在浏览器的历史记录中生成一条记录，因此在浏览器中可以使用前进和后退按钮来操作路由。此模式下需要后端服务器的支持，因为服务器需要根据URL来返回相应的页面。

综上所述，hash模式适合前端项目，history模式适合需要与后端服务器交互的项目。

相关问题

vue路由hash和history区别

Vue 路由中 hash 模式和 history 模式都是用来管理路由的方式，它们的主要区别在于 URL 的形式和浏览器的行为。

1. hash 模式：URL 中带有 # 符号，例如：http://example.com/#/home。在 hash 模式下，浏览器不会向服务器请求新的页面，而是只会修改页面的锚点，从而实现页面的切换。这种模式可以兼容低版本的浏览器，但是 URL 不太美观。

2. history 模式：URL 中没有 # 符号，例如：http://example.com/home。在 history 模式下，浏览器会向服务器请求新的页面，服务器返回相应的页面。这种模式可以使 URL 更加美观，但是需要服务器端的支持。

总的来说，hash 模式适用于简单的页面应用，而 history 模式适用于复杂的单页面应用（SPA），需要服务器端的支持。在 Vue 中，默认使用的是 hash 模式。如果需要使用 history 模式，需要在路由配置中设置 mode 为 "history"。

vue路由hash与history区别

Vue路由有两种模式: hash 和 history。

hash 模式使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载。

history 模式需要服务端配置支持。它使用真实的 URL 路径，当 URL 改变时，页面会重新加载。

总结来说，hash 模式适用于需要前进后退功能的单页应用，而 history 模式则更适用于需要真实 URL 的多页应用。