前端路由实现起来其实很简单,本质就是监听
URL
的变化,然后匹配路由规则,显示相应的页面,并且无须刷新页面。目前前端使用的路由就只有两种实现方式
Hash
模式History
模式
Hash 模式
www.test.com/#/
就是Hash URL
,当#
后面的哈希值发生变化时,可以通过hashchange
事件来监听到URL
的变化,从而进行跳转页面,并且无论哈希值如何变化,服务端接收到的URL
请求永远是www.test.com
window.addEventListener('hashchange', () =>