Vue-router 路由模式

Vue其实有三种路由模式

  1 hash:

                使用URL  hash 值来作路由,支持所有浏览器,包括不支持HTML5 History API的浏览器

     原理:早期的前端路由的实现就是基于 location.hash 来实现的,其实现原理很简单,location.hash的值就是URL中#后面的内容 。比如下边这个网站,它的location.hash的值就是“#search”          

http://www.baodu.com#search

2 history : 

                  依赖 HTML5History API 和服务器配置。具体可以查看 HTML5 History 模式:

     原理:History 提供了 History API 来实现 URL 的变化 。其中做主要的 API 有以下两个  : history.pushState() 和 history.repalceState() 。这两个可以再不进行刷新的情况下,操作浏览器的历史记录。唯一不同的是,前者是新增一个历史记录,后者是直接替换当前的历史记录

3 abstract :

                  支持所有JavaScript 运行环境 ,如 Node.js 服务器端。如果发现没有浏览器的 API 。路由会自动强制进入这个模式

posted @ 2020-05-18 08:10  无你旅行  阅读(527)  评论(0编辑  收藏  举报