History 和 Hash模式路由区别

$\color{#2A232B}{History}$

$\color{#AD969F}{路径表示形式}$

http://a/b/c

$\color{#AD969F}{特性}$

• 路径结构美观
• 前端以层级方式定位页面路由
• 刷新页面请求资源会以 完整路径方式 请求服务器端，导致资源获取报错（404）
• 前端 无法 处理 刷新后 的页面层级展示

$\color{#AD969F}{部署上线路由报错解决方案}$

• 配合服务器端配置对请求路由的判断

$\color{#2A232B}{Hash}$

$\color{#AD969F}{路径表示形式}$

http://a/#/b/c

$\color{#AD969F}{特性}$

• 路径结构存在 /#/
• 刷新页面请求资源会以 # 之前的路径 请求服务器端
• #之后的路径用于前端定位页面层级
• 对于一些 请求路径 校验严格的环境下会识别为非法路径