vue路由模式
家电维修 2022-11-07 12:21www.17kangjie.cn家电维修培训
vue的路由模式有哪几种?我们一起了解一下吧!
在vue-router路由对象中,路由有两种模式hash和history,默认的是hash模式。
hash路由模式hash模式的工作原理是hashchange事件,可以在indo监听hash的变化。我们在url后面随便添加一个#xx触发这个事件。
history路由模式把indo.history对象打印出来可以看到里边提供的方法和记录长度。
使用场景
一般场景下,hash 和 history 都可以,除非你更在意颜值,# 符号夹杂在 URL 里看起来确实有些不太美丽。
如果不想要很丑的 hash,我们可以用路由的 history 模式,这种模式充分利用 history.pushState API 来完成URL 跳转而无须重新加载页面。
两种模式对比
hash 模式下,仅 hash 符号之前的内容会被包含在请求中,如 http://.abc.,对于后端来说,即使没有做到对路由的全覆盖,也不会返回 404 错误。
history 模式下,前端的URL必须和实际向后端发起请求的 URL一致,如http://.abc./book/id。如果后端缺少对 /book/id 的路由处理,将返回 404错误。
关于vue的路由模式,我们就了解到这啦!
上一篇:office2010配置进度怎么去除
下一篇:oracle 添加索引
家电上门维修
- apple官方售后维修中心 芜湖apple官方售后维修中心
- 24小时上门修手机 闪修侠上门维修电话
- 戴尔电脑售后维修服务中心 戴尔笔记本电脑售后
- 北京上门维修电脑服务 北京上门维修电脑服务电
- apple官方售后维修点查询 apple官方售后维修点查询
- 24小时上门维修电话 宿州爱玛24小时上门维修电话
- 创维电视维修 创维电视维修收费标准
- 宝珀售后维修中心服务 宝珀售后维修中心服务内
- 24小时上门维修水电电话 附近上门水电维修电话
- 宝玑维修费用 宝玑维修费用多少钱
- 联想电脑售后维修服务网点 上海联想电脑售后维
- 维修变速箱费用多少钱 维修瑞虎8变速箱费用多少
- 雅典维修点:雅典维修点过年放假文案
- 微软surface维修服务中心 surface官方维修中心地址
- 江诗丹顿售后维修中心电话 江诗丹顿官方售后网
- 雅典售后维修电话 雅典售后维修电话号码