vue路由hash和history

发布网友发布时间：2022-09-24 04:09

共1个回答

热心网友时间：2023-01-25 04:21

SPA ，即 单页面应用 (Single Page Application)。就是只有一张 web页面的应用。单页应用程序 (SPA) 是加载单个html页面并在 用户与应用程序交互时 动态更新该页面的web应用程序。浏览器一开始会加载必需的html、css和 js ，所有的操作都在这张页面上完成，都由js来控制

对于现代开发的项目来说，稍微复杂一点的SPA，都需要用到路由。而 vue-roter 正是 vue 的路由标配，且 vue-router 有 两种模式 ： hash 和 history 。

hash 模式是一种把前端路由的路径用井号 # 拼接在真实 url 后面的模式。当井号 # 后面的路径发生变化时，浏览器并不会重新发起请求，而是会触发 onhashchange 事件。

下面用一个网址来演示以上属性：

history API 是 H5 提供的新特性，允许开发者 直接更改前端路由 ，即更新浏览器 URL 地址而 不重新发起请求 。

hash 与 history 在浏览器下刷新时的区别：

正常页面浏览

改造H5 history模式

HTML5新增的API：

主要有以下特点：

对于 history 来说，确实解决了不少 hash 存在的问题，但是也带来了新的问题：

在实际的项目中，如何对这两者进行选择：