vue history和hash模式

怕冷的火焰（~杰）

已于 2023-12-12 09:30:43 修改

阅读量359

点赞数 7

分类专栏： Vue 文章标签： vue.js

于 2023-12-11 20:35:43 首次发布

本文链接：https://blog.csdn.net/weixin_50236973/article/details/134935871

版权

Vue 专栏收录该内容

26 篇文章 0 订阅

订阅专栏

1. 对于一个url来说，什么是hash值？ --- #及其后面的内容就是hash值

2. hash值不会包含在HTTP请求中，即hash值不会带给服务器


history模式（路由不带#，兼容性较差）
1. 地址干净，美观
2. 兼容性和hash模式相比略差
3. 应用部署上线时需要后端人员支持，解决刷新页面服务端404的问题


hash模式（路由带#，兼容性好，#后面的内容不会当资源传给后端，与history不同，此时路由跳转后刷新不会出现页面404的问题，就是因为这个原因，如果想使用history然后解决404的问题，只能后端处理，可以使用node的connect-history-api-fallback，或者使用nginx）
1.地址中永远带#号，不美观
2. 若以后将地址通过第三方手机app分享，若app校验严格，则地址会被标记为不合法
3. 兼容性较好