vue常用路由的两种配置:
1.Hash: 用URL的hash值来作为路由,支持所有浏览器。
2.History: 依赖HTML5 History API 和服务器配置。参考官网中HTML5 History模式。
不同点:
Hash模式 地址栏中会有 # 号,History模式没有。
History模式后台需要做相关配置,否则页面会在再次刷新的时候,报404,Hash模式则不会。
改变url时,History模式会请求服务器,Hash模式则不会。
Hash模式的原理是onhashchange()事件,可以在window对象上监听事件。
相同点:
当URL改变时,页面不会重新加载。
都受页面导航回退前进等影响。