vue路由的两种模式,hash与history

对于Vue 这类渐进式前端开发框架,为了构建SPA(单页面应用),需要引入前端路由系统,这也就是Vue-router存在的意义。前端路由的核心,就在于——— 改变视图的同时不会向后端发出请求。

   一、为了达到这个目的,浏览器提供了以下两种支持:

       1、hash ——即地址栏URL中的#符号(此hsah 不是密码学里的散列运算)。

          比如这个URL:http://www.abc.com/#/hello, hash 的值为#/hello。它的特点在于:hash 虽然出现URL中,但不会被包含在HTTP请求中,对后端完全没有影响,因此改变hash不会重新加载页面。

       2、history ——利用了HTML5 History Interface 中新增的pushState() 和replaceState() 方法。(需要特定浏览器支持)

            这两个方法应用于浏览器的历史记录站,在当前已有的back、forward、go 的基础之上,它们提供了对历史记录进行修改的功能。只是当它们执行修改是,虽然改变了当前的URL,但你浏览器不会立即向后端发送请求。

    history模式,会出现404 的情况,需要后台配置。

    二、404 错误

          1、hash模式下,仅hash符号之前的内容会被包含在请求中,如 http://www.abc.com, 因此对于后端来说,即使没有做到对路由的全覆盖,也不会返回404错误;

          2、history模式下,前端的url必须和实际向后端发起请求的url 一致,如http://www.abc.com/book/id 。如果后端缺少对/book/id 的路由处理,将返回404错误。 

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 湖心亭看雪 明 · 张岱 崇祯五年十二月,余住西湖。大雪三日,湖中人鸟声俱绝。是日更定矣,余拏一小舟,拥毳衣炉火,...
    哲人闲话阅读 888评论 0 2
  • 最近看到好多人都在寻找去疤痕的方法,夏天到了,我们女人爱美是天性,都喜欢穿短袖裙子!我做为过来人告诉大家一定不要乱...
    已是近黄昏阅读 568评论 0 0
  • 约摸时间过了一段时间,山谷中有清翠的响声。引出百鸟齐鸣,东闹西唱。有人语,忽至而笑,笑过丛林,又飘向远处。 生机在...
    曹广潼树根草阅读 166评论 0 3
  • UI设计好学吗? UI设计可以说是目前设计界里面最火热的行业了,随着时代的发展,UI设计如今也是备受关注,重视度也...
    夜空_015b阅读 687评论 0 0

友情链接更多精彩内容