Skip to content

路由history和hash模式

1. hash模式

下图就是hash模式,带有#, #后面的都是hash值 Alt text 选择#作为hash模式,它特殊在于:url在#之后的字符串都不会发送给后端服务器识别获取,就是前端处理用的。 Alt text 去掉#,url后面的路径都会请求到服务器: Alt textAlt text

2. history和hash模式区别

  1. hash模式
  • 地址中永远带着#号, 不美观
  • 若以后将地址通过第三方手机app分享,若app校验严格,则地址会被标记为不合法
  • 兼容性好,比如打包部署不会报404
  1. history模式
  • 地址干净,美观
  • 兼容性和hash模式相比略差
  • 应用部署上线时需要后端人员支持,解决刷新页面服务端404的问题。

3. 使用history模式

Alt text