vue路由模式：路由的hash和history模式的区别

路由的hash和history模式的区别：

目录

1. URL格式不同

2. 支持程度不同

3. 可读性不同

4. SEO优化不同

5. 刷新后的处理不同

---

路由的hash模式和history模式用于处理浏览器URL和页面之间的映射关系，两者有以下区别：

1. URL格式不同：hash模式将路由信息存放在URL的hash中，如http://example.com/#/path；history模式将路由信息放在URL的路径中，如http://example.com/path。

2. 支持程度不同：hash模式支持所有浏览器，而history模式需要浏览器支持HTML5的history API。

3. 可读性不同：hash模式的URL更加有意义，因为hash前的URL表示了服务器的路径，而hash后面的路由信息表示了客户端的状态；history模式的URL只表示客户端状态，没有服务器路径。

4. SEO优化不同：hash模式的路由信息不会被搜索引擎爬取，而history模式的路由信息可以被搜索引擎爬取。因此，如果需要进行SEO优化，建议采用history模式。

5. 刷新后的处理不同：hash模式的路由信息在刷新后仍然会被保留，而history模式在刷新后需要重新发送请求，从服务器获取路由信息。

综上所述，hash模式适用于兼容性要求较高的应用，而history模式适用于需要进行SEO优化的应用。