路由——模式

最新推荐文章于 2024-04-07 08:57:46 发布

小曲曲

最新推荐文章于 2024-04-07 08:57:46 发布

阅读量133

点赞数

分类专栏： vue 面试文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_43848576/article/details/115674642

版权

141 篇文章 4 订阅

订阅专栏

45 篇文章 0 订阅

订阅专栏

路由两种模式

hash模式：vue-router默认的是hash模式。使用URL的hash来模拟一个完整的URL,于是当URL改变的时候，页面不会重新加载,也就是单页应用了。

对于hash模式会创建hashHistory对象,在访问不同的路由的时候,会发生两件事:HashHistory.push()将新的路由添加到浏览器访问的历史的栈顶,和HasHistory.replace()替换到当前栈顶的路由
history模式：window.history对象打印出来可以看到里边提供的方法和记录长度。利用了HTML5中新增的pushState() 和replaceState() 方法。用于浏览器的历史记录站，在当前已有的back、forward、go 的基础之上，它们提供了对历史记录进行修改的功能。只是当它们执行修改是，虽然改变了当前的URL，但你浏览器不会立即向后端发送请求。 history模式，会出现404 的情况，需要后台配置。
abstract模式
适用于所有JavaScript环境，例如服务器端使用Node.js。如果没有浏览器API，路由器将自动被强制进入此模式。

const router = new VueRouter({routes, mode:‘hash|history|abstract’,})