vueRouter中history模式的原理
时间: 2024-05-23 09:15:20 浏览: 63
vue-router-h5-history:vue-router的 history 模式,这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面
VueRouter中的history模式使用HTML5的history API来实现,它通过改变浏览器的URL来实现前端路由。在该模式下,不会像hash模式那样在URL中携带#符号。而是使用了pushState和replaceState这两个API来操作URL的状态,并且可以监听浏览器历史记录中的变化,从而实现前端路由的跳转。但是需要注意的是,在使用history模式时,需要在服务器端进行一定的配置以避免404错误。
阅读全文