Vue-router有几种模式，这些模式的区别

Vue-router有三种模式：hash、history和abstract。\[2\]

1. hash模式：使用URL的hash值作为路由。这是Vue的默认路由模式，支持所有浏览器。在hash模式下，URL中会有一个#符号，后面跟着路由路径。例如：http://www.example.com/#/home。

2. history模式：使用History API的pushState()和replaceState()方法来管理路由。这种模式需要浏览器支持HTML5。在history模式下，URL中不会有#符号，而是直接显示路由路径。例如：http://www.example.com/home。

3. abstract模式：这种模式支持所有JavaScript运行环境，包括Node.js服务器端。如果没有浏览器的API，路由会自动强制进入这个模式。在abstract模式下，URL的显示方式与history模式相同，不会有#符号。但是需要注意的是，这种模式需要后端进行额外的配置，以防止直接访问URL时出现404错误。可以通过配置Vue的路由来处理404页面。\[3\]

总结起来，hash模式在URL中使用#符号，history模式不使用#符号，而abstract模式是一种兼容性较好的模式，适用于各种JavaScript运行环境。
#### 引用[.reference_title]
- *1* *2* *3* [Vue--Router--路由模式--种类/区别/原理](https://blog.csdn.net/feiying0canglang/article/details/122756784)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down28v1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]