vue路由模式

vue的路由模式有哪几种?我们一起了解一下吧!

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

hash路由模式:hash模式的工作原理是hashchange事件,可以在window监听hash的变化。我们在url后面随便添加一个#xx触发这个事件。

history路由模式:把window.history对象打印出来可以看到里边提供的方法和记录长度。

使用场景:

一般场景下,hash 和 history 都可以,除非你更在意颜值,# 符号夹杂在 URL 里看起来确实有些不太美丽。

如果不想要很丑的 hash,我们可以用路由的 history 模式,这种模式充分利用 history.pushState API 来完成URL 跳转而无须重新加载页面。

两种模式对比:

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

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

关于vue的路由模式,我们就了解到这啦!

标签:VUE 路由模式

免责声明:本内容来自橡树街平台创作者或收集于互联网公开资源,不代表橡树街网的观点和立场。如有侵权内容,请联系我们删除。联系邮箱:ihuangque@qq.com
相关推荐
vue prop属性
2022-08-05
vue prop属性
vue获取url参数
2022-08-05
vue获取url参数
vue 获取当前路由
2022-08-05
vue 获取当前路由
vue照片时间怎么设置2秒
2022-08-05
vue照片时间怎么设置2秒
vue父子组件传值
2022-08-05
vue父子组件传值
vue路由跳转
2022-08-05
vue路由跳转
vue保留两位小数
2022-08-05
vue保留两位小数
vue获取当前路由
2022-08-05
vue获取当前路由
vue获取路由参数
2022-08-05
vue获取路由参数
vue父组件向子组件传递数据
2022-08-05
vue父组件向子组件传递数据
手机老是弹出广告怎么解决
2022-08-05
手机老是弹出广告怎么解决
小爱同学怎么判断我喜欢的人喜不喜欢我
2022-08-05
小爱同学怎么判断我喜欢的人喜不喜欢我
安卓手机如何打开.kmz文件
2022-08-05
安卓手机如何打开.kmz文件
苹果手机文件管理在哪里
2022-08-05
苹果手机文件管理在哪里
安卓手机如何打开.sav文件
2022-08-05
安卓手机如何打开.sav文件
湖南本科线是多少
2022-07-25
湖南本科线是多少
四龄蚕有多大
2022-07-25
四龄蚕有多大
葱叶里的粘液有什么用
2022-07-25
葱叶里的粘液有什么用
接驳点是什么意思
2022-07-25
接驳点是什么意思
居民电的用途有哪些
2022-07-25
居民电的用途有哪些
怎样去除墙上的强力粘胶贴
2022-07-25
怎样去除墙上的强力粘胶贴
棉花糖布丁为什么不凝固
2022-07-25
棉花糖布丁为什么不凝固
聚碳酸酯的合成有什么方法
2022-07-25
聚碳酸酯的合成有什么方法
考试前喝葡萄糖有用吗
2022-07-25
考试前喝葡萄糖有用吗
四信具体是指
2022-07-25
四信具体是指