Vue Router的hash模式和history模式有什么区别？

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

目录

一、前言

二、hash模式

三、history模式

一、前言

二、hash模式与history模式的区别

区别在于地址栏是否显示完整的URL，hash模式地址栏只显示#后跟的标识符，而history模式显示完整的URL。

目录

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

一、前言

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

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

hash模式：

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

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

history模式：

二、hash模式

最开始学习超链接a时，就可以利用锚点”#”实现跳转到同一页面的不同id所对应的位置。