路由模式(hash、history)

2021-07-12  本文已影响0人  月下小酌_dbd5

history:不带#/ 利用html5 的 history.pushState API 来完成URL跳转,而无需重新加载页面 好看 正常的URL http://user/id

hash:带#/ 通过锚点值来实现的路由跳转


const router = new VueRouter({

mode: 'history',

routers: [...]

})

区别:

  1. hash #/ 比较丑,history 没有#/ 比较漂亮

2.hash 采用的是通过锚点值来实现的路由跳转,history 模式 采用html5 的 history.pushState API 来完成URL跳转

3.history模式 需要后端配合,因为刷新页面 会404

4.hash模式 支持IE 7、8,history模式 支持IE 10

上一篇 下一篇

猜你喜欢

热点阅读