Vue Router hash模式与history模式有哪些区别及特点？

本文共计1117个文字，预计阅读时间需要5分钟。

目录

一、前言

二、hash模式

三、history模式

一、前言

二、hash模式与history模式的区别，主要在于地址栏是否显示完整的URL。hash模式地址栏显示不完整的URL，而history模式显示完整的URL。

目录

• 一、前言
• 二、hash模式
• 三、history模式

一、前言

对于hash模式和history模式，最直接的区别就是地址栏带不带"#"号了。

vue脚手架搭建的项目的路由默认是hash模式。

hash模式：

创建路由实例时，添加mode:"history"属性，即可使用history模式。

const router = new VueRouter({ routes, mode: "history" })

history模式：

二、hash模式

最开始学习超链接a时，就可以利用锚点”#”实现跳转到同一页面的不同id所对应的位置。我们知道vue是单页面应用，所以很符号使用锚点实现路由。