PHP前端开发

vue中hash与history的区别

百变鹏仔 4个月前 (09-25) #VUE
文章标签 区别
vue 路由中 hash 和 history 模式的区别在于:url 格式:hash 使用 # 前缀,history 使用常规路径。浏览器处理:hash 仅由浏览器处理,不会发送到服务器;history 使用历史记录 api,会发送请求导致页面重新加载。优缺点:hash 浏览器兼容性好、不需要服务器端配置,但 url 不美观;history url 美观、可使用后端路由和服务器端渲染,但需要服务器端配置。

Vue 中 hash 和 history 的区别

在 Vue 中,路由提供了两种模式:hash 和 history。它们的主要区别在于 URL 的格式和浏览器处理方式。

URL 格式

浏览器处理

立即学习“前端免费学习笔记(深入)”;

优缺点

hash 模式

  • 缺点:

  • history 模式

  • 缺点:

  • 选择建议

    选择合适的路由模式取决于具体情况: