VUE中，mode: 'hash'时怎么访问路由，格式是什么样的

源码资源网

VUE中，mode: 'hash'时怎么访问路由，格式是什么样的
在 Vue Router 中，使用  `mode: 'hash'`  时，路由的访问格式会在 URL 中包含一个  `#`  符号。这个  `#`  符号后面的部分表示路由的路径。
### 路由访问格式
假设你有以下的路由配置：

1. const router = new VueRouter({
   
2.   mode: 'hash',
   
3.   routes: [
   
4.     { path: '/', component: Home },
   
5.     { path: '/about', component: About },
   
6.     { path: '/contact', component: Contact }
   
7.   ]
   
8. });

复制代码

在这种情况下，访问不同路由的格式如下：
- 访问首页： `http://your-domain.com/#/`
- 访问关于页面： `http://your-domain.com/#/about`
- 访问联系页面： `http://your-domain.com/#/contact`
### 说明
-  `#`  符号后面的部分是 Vue Router 用来识别路由的关键部分，浏览器会忽略  `#`  符号之前的部分，因此不会触发页面刷新。
- 使用  `hash`  模式的优点是，不需要对服务器进行特殊配置，因为所有的路由都由前端处理，适合快速开发和简单应用。
### 总结
在  `mode: 'hash'`  下，访问路由的格式是  `http://your-domain.com/#/your-route` 。你可以在 URL 中直接修改  `#`  后面的部分来访问不同的路由。