vue路由模式有哪几种

在Vue.js中，路由模式（Routing Mode）指的是前端路由是如何在浏览器中管理和呈现的方式。Vue.js支持两种常见的路由模式：哈希模式（Hash Mode）和历史模式（History Mode）。

Vue.js支持两种主要的路由模式：哈希模式（Hash Mode）和历史模式（History Mode）。以下是它们的简要描述：

1、哈希模式（Hash Mode）： 这是Vue.js的默认路由模式。在哈希模式下，路由信息会被存储在URL的片段部分（即URL中的#后面）作为哈希值。例如：http://example.com/#/about。这种模式的优势在于不需要服务器端特殊配置，因为哈希部分不会被发送到服务器，只在客户端使用。

优点：

简单易用，不需要服务器端额外配置。

兼容性较好，支持老版本浏览器。

缺点：

URL中有可见的#，不太美观。

不利于搜索引擎优化（SEO），因为搜索引擎可能不会处理URL中的哈希部分。

2、历史模式（History Mode）： 在历史模式下，Vue.js使用HTML5的History API来管理路由状态。在这种模式下，URL看起来更像传统的URL，没有#号，例如：http://example.com/about。但是，使用这种模式需要服务器端的配置，以确保在浏览器刷新或直接访问某个路由时能够正确加载页面。

优点：

URL更美观，没有#。

对搜索引擎优化更友好。

缺点：

需要服务器端配置，以便处理直接访问某个路由时的情况。

可能在一些老版本浏览器中不兼容。

可以在Vue Router的路由配置中使用mode选项来设置使用哪种路由模式。例如：

const router = new VueRouter({  mode: 'history', // 或者 'hash'  routes: [    // 路由配置  ]});

根据你的项目需求、服务器配置和浏览器兼容性，你可以选择适合的路由模式。