美文网首页
vue路由hash模式和history模式实现原理分别是什么,他

vue路由hash模式和history模式实现原理分别是什么,他

作者: 时间的溺水者 | 来源:发表于2020-05-28 10:42 被阅读0次
hash 模式
  • 井号#后面 hash 值的变化,不会导致浏览器向服务器发出请求,浏览器不发出请求,就不会刷新页面

  • 通过监听 hashchange 事件可以知道 hash 发生了哪些变化,然后根据 hash 变化来实现更新页面部分内容的操作

history 模式
  • history 模式的实现,主要是 HTML5 标准发布的两个 API,pushState 和 replaceState,这两个 API 可以在改变 url,但是不会发送请求。这样就可以监听 url 变化来实现更新页面部分内容的操作

区别

  • url 展示上,hash 模式有“#”,history 模式没有

  • 刷新页面时,hash 模式可以正常加载到 hash 值对应的页面,而 history 没有处理的话,会返回 404,一般需要后端将所有页面都配置重定向到首页路由

  • 兼容性,hash 可以支持低版本浏览器和 IE。

相关文章

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

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

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

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

  • Vue路由 ---- vue-router

    vue-router 中常用的 hash 和 history 路由模式实现原理吗? Two Point!!! sp...

  • hash模式 和 history模式

    Vue的路由实现:hash模式 和 history模式 hash模式:在浏览器中符号“#”,#以及#后面的字符称之...

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

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

  • vue-router常见用法

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

  • Vue的两种路由模式

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

  • 【vue-cli】路由模式

    1. 概念 路由模式包括 hash模式和history 模式 1.1 hash模式 单页面应用中vue-route...

  • 路由进阶

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

  • Vue的两种路由模式

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

网友评论

      本文标题:vue路由hash模式和history模式实现原理分别是什么,他

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