189.路由的两种模式：hash模式和history模式
最新回答
苑苎卉林傲
2026-06-30 18:51:52
hash模式通过修改URL的hash部分来实现页面跳转，无需刷新整个页面，只触发一个hashchange事件。优点是兼容性好，不改变URL外观，但URL看起来不美观，可能影响SEO。
相比之下，history模式利用HTML5 History API实现页面跳转，浏览器历史记录得到更新，URL外观更美观，更符合用户习惯。但需服务器端支持，否则直接访问非首页URL可能导致404错误。
在选择hash模式还是history模式时，需考虑项目需求、兼容性、用户体验和SEO等因素。hash模式适合老旧浏览器兼容或对美观度要求不高的项目，history模式则适合追求更好用户体验和SEO效果、服务器端已配置的项目。
以下是一个Vue Router配置示例，展示了如何在Vue项目中实现hash模式和history模式。
hash模式配置
history模式配置
综上所述，了解和正确选择路由模式对于优化前端应用至关重要。根据项目需求灵活选择hash模式或history模式，有助于构建更好的用户体验和实现SEO优化。希望上述内容对您有所帮助，如果有更多前端技术相关的问题或想要深入了解，请记得关注我。下次再见！
热门标签
