Vue路由中，history和hash两种模式有什么区别
创始人
2025-05-30 06:40:40

hash【主要原理就是onhashchange()事件】

  • hash模式是开发中默认的模式，它的URL带着一个#

  • hash值会出现在URL地址里面，但是不会出现在http请求中，对后端完全没有影响，当然也不会重新请求页面

  • 低版本的浏览器支持这种模式的路由

  • hash路由被称为是前端路由，已经成为SPA的标配

history模式

  • history模式的URL中没有#，它是传统路由分发模式（就是用户输入一个url时候，服务器会接受这个请求，并解析这个URL，做出相应的逻辑处理）

  • hash模式更加好看，例如/id这种

  • history模式需要后台配置支持，如果后台没有正确配置，访问时会返回404

  • 修改历史状态：新增pushState()和replaceState()方法，这个方法应用于浏览器的历史记录栈，提供对历史记录进行修改的功能，只是当他们进行修改的时候，虽然修改url,但浏览器不会立即向后端发送请求，如果要做到改变url但又不刷新页面的效果，就需要前端用上两个API

  • 切换历史状态:forward（） back（） go（），前进，后退，跳转

  • 刷新页面的时候，如果没有相应的路由或资源，就会刷出404

词库加载错误:未能找到文件“E:\highferrum_mysql\Configuration\Dict_Stopwords.txt”。

上一篇：计算机网络复习重点

下一篇：多路转接 | select，poll，epoll的区别以及各自的应用实现

相关内容

热门资讯

我喜欢你韩语怎么说 sikid...
北京的名胜古迹 北京最著名的景... 北京从元代开始，逐渐走上帝国首都的道路，先是成为大辽朝五大首都之一的南京城，随着金灭辽，金代从海陵王...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙，苗语叫“分送”，距从江县城7.5公里，是世界上最崇拜树木并以树为神的枪手部落...
猫咪吃了塑料袋怎么办 猫咪误食... 你知道吗？塑料袋放久了会长猫哦！要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...
世界上最漂亮的人 世界上最漂亮... 此前在某网上，选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中，人们投票选出了心目中最美...