hash模式 和 history模式

回答: Hash模式和History模式是前端路由中两种常见的模式。Hash模式在URL中带有#号，而History模式则没有。\[1\]\[2\]Hash模式只能更改哈希值，即#后面的内容，而History模式可以通过API设置任意的同源URL。\[1\]Hash模式无需后端配置，并且兼容性好，适合在开发中使用。而History模式在用户手动输入地址或刷新页面时会发起URL请求，需要后端配置index.html页面用于匹配不到静态资源的情况。\[1\]另外，使用History模式时，访问二级页面并刷新会出现404错误，需要与后端配合进行URL重定向，将其重定向到首页路由上。\[2\]History模式是HTML5新推出的功能，通过history.pushState和history.replaceState改变URL，不会引起页面的刷新，只会更新浏览器的历史记录。\[3\]
#### 引用[.reference_title]
- *1* *3* [前端路由原理？两种实现方式有什么区别？](https://blog.csdn.net/LuckXinXin/article/details/109471171)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* [路由模式：hash和history模式](https://blog.csdn.net/duanhy_love/article/details/125556962)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insert_down1,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]