Vue路由的几种模式

Vue路由主要有三种模式：

hash路由：
- 特点：返凳雀依据URL中‘#’后的地址进行监听和跳转。
- 实现方式：通过location.hash获取当前hash值，并利用hashchange事件进行监听。
- 注意事项：相同的hash地址不会触发hashchange事件。
history模式：
- 特点：利用HTML5新增的pushState和replaceState方法将粗纳地址直接压入历史记录栈中。
- 实现方式：通过popstate事件进行监听，实现页面跳转。
- 注意事项：访问相同的地址时，可能会导致404报错，因此需要后端进行相应的配置以支持该模式。
abstract模式：
- 特点：主要支漏早持JavaScript运行环境，如Node.js。
- 实现方式：当无法识别到window的API时，会强制进入该模式。
- 应用场景：主要用于非浏览器环境，如服务器端渲染或某些特定的JavaScript运行环境。

热门标签