vue路由模式hash和history

vue路由有两种模式：hash模式和history模式。

hash模式是将路由信息放在URL的hash部分（即#后面的部分），例如：http://example.com/#/about，因此hash模式下的URL不会发送到服务器，只会在客户端进行匹配。

history模式将路由信息放在了正常的URL中，例如：http://example.com/about，因此history模式下的URL会发送到服务器，而需要服务器配置来重定向到正确的页面，所以它需要在服务器和客户端配合使用。

一般情况下，在开发环境使用hash模式，在生产环境使用history模式。

相关问题

vue3路由模式hash和history的区别

Vue3路由模式中，hash模式和history模式都是用来控制URL的。hash模式使用URL中的#符号来控制路由，而history模式使用HTML5的history API来控制路由。具体区别如下：

1. hash模式的URL中包含#符号，而history模式的URL不包含#符号。

2. hash模式的URL可以在不刷新页面的情况下改变路由，而history模式需要刷新页面才能改变路由。

3. hash模式的URL可以在所有浏览器中使用，而history模式需要在支持HTML5的浏览器中使用。

4. hash模式的URL可以在前端路由中使用，而history模式需要在后端服务器上进行配置。

总的来说，hash模式适用于前端路由，而history模式适用于后端路由。

Vue 路由的hash 模式和history 模式有什么区别

Vue 路由提供了两种模式：hash 模式和 history 模式。它们的区别如下：

1. hash 模式：使用 URL 中的 hash (#) 来模拟一个完整的 URL，当 URL 发生变化时，页面不会重新加载。在 Vue 中使用 hash 模式需要在创建路由时设置 mode 为 "hash"，例如：

const router = new VueRouter({
  mode: 'hash',
  routes: [...]
})

2. history 模式：使用浏览器的 history API 来管理 URL，当 URL 发生变化时，页面会重新加载。在 Vue 中使用 history 模式需要在创建路由时设置 mode 为 "history"，例如：

const router = new VueRouter({
  mode: 'history',
  routes: [...]
})

需要注意的是，使用 history 模式需要服务器端进行配置，以避免在页面刷新时出现 404 错误。而使用 hash 模式则不需要服务器端配置。另外，当使用 history 模式时，如果用户直接访问一个路由，而不是通过页面中的链接跳转，也会出现 404 错误。