vue-router的hash和history模式

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

Vue Router 是Vue.js 官方提供的路由管理器,用于在单页面应用(SPA)中实现前端路由。

其中的两种主要路由模式是hash 模式和history 模式。

1. Hash 模式
在默认情况下,Vue Router 使用的是hash 模式。

当使用hash 模式时,URL 的路径部分会包含一个# 符号,后面跟着路由的哈希值。

浏览器通过监听hashchange 事件来检测URL 中# 后面的变化,并据此切换不同的视图组件。

由于这种模式下仅改变URL 的哈希部分,所以浏览器不会触发页面刷新,而是只更新当前页面内容。

2. History 模式
History 模式利用了HTML5 History API 来管理路由,它使得URL 可以呈现为标准的、没有哈希的格式。

虽然History 模式提供了更友好的用户体验,但它需要服务器的支持。

因为当用户直接访问应用内的某个非首页路由时(例如首次访问/home),服务器需要配置成能够返回应用程序的入口文件(通常是index.html),这样客户端路由才能接管并正确显示对应的视图。

如果不做此配置,可能会导致服务端找不到对应的资源而返回404错误。

相关文档
最新文档