history:不带#/ 利用html5 的 history.pushState API 来完成URL跳转,而无需重新加载页面 好看 正常的URL http://user/id
hash:带#/ 通过锚点值来实现的路由跳转
const router = new VueRouter({
mode: 'history',
routers: [...]
})
区别:
- hash #/ 比较丑,history 没有#/ 比较漂亮
2.hash 采用的是通过锚点值来实现的路由跳转,history 模式 采用html5 的 history.pushState API 来完成URL跳转
3.history模式 需要后端配合,因为刷新页面 会404
4.hash模式 支持IE 7、8,history模式 支持IE 10







网友评论