#每天一个知识点#
vue路由中,history和hash两种模式的区别?
hash 模式:
hash 模式是一种把前端路由的路径用井号 # 拼接在真实 URL 后面的模式。当井号 # 后面的路径发生变化时,浏览器并不会重新发起请求,而是会触发 hashchange 事件。
优点:浏览器兼容性较好
缺点:路径在 # 的后面,比较丑
history 模式:
history API 是 H5 提供的新特性,允许开发者直接更改前端路由,即更新浏览器 URL 地址而不重新发起请求。线上部署基于 history API 的时候,一定要后端配合支持才行,否则会出现大量的 404。
优点:路径比较正规,没有 #
缺点:兼容性不如 hash,且需要服务端支持,否则一刷新页面就404了
vue路由中,history和hash两种模式的区别?
hash 模式:
hash 模式是一种把前端路由的路径用井号 # 拼接在真实 URL 后面的模式。当井号 # 后面的路径发生变化时,浏览器并不会重新发起请求,而是会触发 hashchange 事件。
优点:浏览器兼容性较好
缺点:路径在 # 的后面,比较丑
history 模式:
history API 是 H5 提供的新特性,允许开发者直接更改前端路由,即更新浏览器 URL 地址而不重新发起请求。线上部署基于 history API 的时候,一定要后端配合支持才行,否则会出现大量的 404。
优点:路径比较正规,没有 #
缺点:兼容性不如 hash,且需要服务端支持,否则一刷新页面就404了
展开
评论
点赞