Vue路由模式hash和history

151 阅读1分钟

Vue路由模式hash history Hash模式地址栏中有#,history没有,history模式下刷新,会出现404情况,需要后台配置

使用 JavaScript 来对 loaction.hash 进行赋值,改变 URL 的 hash 值

可以使用 hashchange 事件来监听 hash 值的变化

HTML5 提供了 History API 来实现 URL 的变化。其中最主要的 API 有以下两个:history.pushState() 和 history.repalceState()。这两个 API 可以在不进行刷新的情况下,操作浏览器的历史纪录。唯一不同的是,前者是新增一个历史记录,后者是直接替换当前的历史记录。