Vue学习——router路由的实现原理

Vue中路由的实现由两种方式:hash模式和history模式,vue中默认的是hash模式的,可以通过mode来指定路由的模式

在前端中,更新视图而不重新请求页面是前端路由的核心原理之一。有两中方法可以实现,一是使用Hash(#),二是使用history,利用html5的新特性提供的两个方法,pushstate()以及replaceState()

Hash模式:就浏览器中的url中“#”,"#"以及#之后的就是hash。可以使用window.location.hash来获取,

Hash模式的特点:向服务器发送的请求,它不包含#以及#之后的内容,Hash模式下的不会重新刷新页面,即使url中没有完整的路由,也不会报404错误。

History模式:利用html5新特性新增加的两个方法pushState()以及replaceState()方法

History模式的特点:前端的url必须要和后端请求的url一致,如果不一致的话就返回错误,如果路劲中没有包含了路由的完整路劲,就会报404错误

  

  

原文地址:https://www.cnblogs.com/zhilili/p/14099692.html