网站首页 > 技术文章 正文
hash模式:
1.hash模式的路由中带有#号
2.hash模式通过window.onhashchange 方法监听路由的改变
3.hash模式刷新页面的时候,发送的url是不带#号后面的内容的
4.hash模式可以兼容部分低版本的浏览器
5.hash模式打包后,直接在浏览器中打开 /dist/index.html 可以正常的访问(原因是第 3 条指出的原因)
histroy模式:
1.histroy模式是指通过正常的url路径显示
2.histroy模式模式通过 pushState 和 replaceState 方式修改路由改变
3.history 模式在页面刷新的时候,会请求当前地址栏中完整的 url,这时需要服务器对这个 url 有处理
4.history 模式因为是使用的 HTML5 的新规范,所以不能兼容低版本的浏览器
5.history 模式打包后,直接在浏览器中打开 /dist/index.html 会报错(原因是第 3 条指出的原因)
总结如下图:
猜你喜欢
- 2025-04-30 交通运输:传统物流介入保税模式中前端 荐3股
- 2025-04-30 华安基金管理有限公司 关于旗下所有前端收费模式基金 在直销柜台实施费率优惠的公告
- 2025-04-30 博时基金管理有限公司 关于旗下所有前端收费模式基金 在直销柜台实施费率优惠的公告
- 2025-04-30 Bun v0.8.0发布!支持SvelteKit、Nuxt、OpenAI模式!
- 2025-04-30 真香!阿里架构师大牛万字详解redis 哨兵模式
- 2025-04-30 AI与数字孪生结合,彻底改变工厂设备控制模式
- 2025-04-30 前端设计-单例模式在实战中的应用技巧
- 2025-04-30 「Web应用架构」模式:前端的后端(BFF)
- 2025-04-30 js设计模式:观察者模式,一个小例子帮忙理解一下。
- 2025-04-30 2 万多行MyBatis源码,你知道里面用了多少种设计模式吗?
你 发表评论:
欢迎- 最近发表
-
- 前端流行框架Vue3教程:13. 组件传递数据_Props
- 前端必看!10 个 Vue3 救命技巧,解决你 90% 的开发难题?
- JAVA和JavaScript到底是什么关系?是亲戚吗?
- Java和js有什么区别?(java和javascript的区别和联系)
- 东方标准|Web和Java的区别,如何选择这两个专业
- 前端面试题-JS 中如何实现大对象深度对比
- 360前端一面~面试题解析(360前端笔试)
- 加班秃头别慌!1 道 Vue 面试题,快速解锁大厂 offer 通关密码
- 焦虑深夜刷题!5 道高频 React 面试题,吃透 offer 稳了
- 2025Web前端面试题大全(整理版)面试题附答案详解,最全面详细
- 标签列表
-
- 前端设计模式 (75)
- 前端性能优化 (51)
- 前端模板 (66)
- 前端跨域 (52)
- 前端md5加密 (49)
- 前端路由 (55)
- 前端数组 (65)
- 前端定时器 (47)
- 前端懒加载 (45)
- 前端接口 (46)
- Oracle RAC (73)
- oracle恢复 (76)
- oracle 删除表 (48)
- oracle 用户名 (74)
- oracle 工具 (55)
- oracle 内存 (50)
- oracle 导出表 (57)
- oracle查询数据库 (45)
- oracle约束 (46)
- oracle 中文 (51)
- oracle链接 (47)
- oracle的函数 (57)
- mac oracle (47)
- 前端调试 (52)
- 前端登录页面 (48)
本文暂时没有评论,来添加一个吧(●'◡'●)