路由的hash和history模式的区别

路由的hash模式和history模式是前端开发中常用的两种路由模式，它们的主要区别在于URL的呈现形式和浏览器兼容性。

1. URL呈现形式：

• hash模式：URL中会带有一个#符号，后面跟随着路由路径。例如：http://example.com/#/home
• history模式：URL中不带有#符号，直接是路由路径。例如：http://example.com/home

2. 浏览器兼容性：

• hash模式：支持所有现代浏览器，包括老版本的IE。
• history模式：不支持老版本的IE（IE9及以下），需要服务器配置支持。

3. 页面刷新时的处理：

• hash模式：页面刷新时，由于#后面的内容不会被发送到服务器，所以前端路由会自动将URL中的hash值解析出来，然后再根据hash值进行相应的路由跳转。
• history模式：页面刷新时，URL会发送到服务器，服务器需要配置支持前端路由，将URL重定向到前端的入口文件（如index.html），然后再由前端路由解析URL进行相应的路由跳转。

总结：hash模式兼容性好，刷新时处理简单，但URL中有#符号；history模式URL更美观，但兼容性较差，刷新时需要服务器配置支持。选择使用哪种路由模式需要根据项目需求和浏览器兼容性考虑