PHP前端开发

vue中hash和history的原理和区别

百变鹏仔 3周前 (09-25) #VUE
文章标签 原理
vue 中路由模式的区别:hash: 使用 url 片段管理状态,不发送 http 请求,对 seo 不友好,导航较快,允许跨域。history: 使用浏览器历史 api 管理状态,发送 http 请求,对 seo 友好,更新浏览器历史记录,限制跨域。

Vue 中 hash 和 history 的原理和区别

在 Vue.js 单页面应用 (SPA) 中,使用路由来管理应用程序中的页面导航和状态。有两种主要路由模式:hashhistory

原理

Hash:

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

History:

区别

1. URL 外观

2. 浏览器历史记录

3. 对 SEO 的影响

4. 性能

5. 跨域限制

用例