美文网首页
路由模式(hash、history)

路由模式(hash、history)

作者: 月下小酌_dbd5 | 来源:发表于2021-07-12 18:24 被阅读0次

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

相关文章

  • 前端路由

    路由是什么 路由是用来分发请求 路由模式 hash模式,history模式,memory模式 1.hash模式 任...

  • Vue的两种路由模式

    在vue-router路由对象中,路由有两种模式:hash和history,而默认的是hash模式. hash路由...

  • (Vue-cli)四、路由进阶(二级路由&路由懒加载&scope

    四、路由进阶 1.路由模式 路由模式有两种:hash模式(默认) 和 history模式。hash模式:使用的是锚...

  • Vue路由「十五」-- vue-router的路由模式***

    vue-router的路由模式有 hash模式 和 history模式,默认使用 hash 模式hash模式:使用...

  • Vue的两种路由模式

    在vue-router路由对象中,路由有两种模式: hash 和 history,而默认的是hash模式,hash...

  • vue-router模式和钩子

    配置路由模式(三种模式) · 默认hash: 使用URL hash值作为路由,支持所有浏览器· history: ...

  • vue-router

    路由模式(hash H5 history) hash模式(默认) 例如:http://xxx.xxx.xxx/#...

  • vue-router常见用法

    hash模式和history模式 hash模式(vue-router默认hash模式)就是看到路由上面会有一个 #...

  • 路由进阶

    1. 路由模式 路由有两种模式,分别是hash模式(默认) 和 history模式 hash模式,使用的是锚链接的...

  • 2020-06-03面试--vue基础篇

    1,vue的路由实现原理有哪几种 答案:Vue的路由实现:hash模式 和 history模式 hash模式:在浏...

网友评论

      本文标题:路由模式(hash、history)

      本文链接:https://www.haomeiwen.com/subject/rhldpltx.html