vue路由模式有哪些

Vue Router 提供了两种主要的路由模式，分别是 Hash 模式和 History 模式，这两种模式各有特点，适用于不同的使用场景。

Hash 模式：

工作原理：在URL中使用 # 符号来模拟一个完整的URL，当URL改变时，页面不会重新加载。

优点：兼容性好，不需要后端配置，刷新页面不会发送请求。

缺点：URL中会包含 #，看起来不够美观。

开启方式：在创建 router 实例时默认就是 Hash 模式，无需特别设置。

History 模式：

工作原理：利用 HTML5 History API 来实现 URL 的导航而不重新加载页面。

优点：地址栏干净，没有 #，更加符合用户的使用习惯。

缺点：需要服务器支持，否则会出现 404 错误；兼容性不如 Hash 模式，不支持 HTML5 的浏览器无法正常使用。

开启方式：在创建 router 实例时设置 mode: 'history'。

以下是两种模式的简单对比表格：

特性	Hash 模式	History 模式
URL	带有 # 符号	干净的 URL
兼容性	好（不需要HTML5支持）	需要HTML5支持
服务器配置	不需要	需要
刷新页面	不会重新发送请求	可能触发重新发送请求
用户体验	URL中有 #，不够美观	地址栏干净，更符合用户习惯

在选择路由模式时，可以根据项目需求和目标用户的浏览器环境来决定，如果项目对地址栏的美观性有较高要求，且用户的浏览器都支持 HTML5，那么可以选择 History 模式，如果需要考虑老旧浏览器的兼容性或者不想配置服务器，那么默认的 Hash 模式是一个不错的选择。