vue的路由模式及修改方法

### 更改 Vue3 项目中的路由模式 #### Hash 模式 为了设置 `hash` 模式的路由，在创建路由器实例时需指定 `createWebHashHistory()` 方法作为历史记录管理器。 ```javascript import { createRouter, createWebHashHistory } from 'vue-router'; const router = createRouter({ history: createWebHashHistory(), routes: [ // 定义的路由对象数组 ] }); ``` 此配置使得应用能够利用 URL 的哈希部分来模拟完整的 URL，而无需服务器端的支持[^1]。 #### History 模式 对于希望采用更干净 URLs 的开发者来说，可以选用 `history` 模式。这需要通过调用 `createWebHistory()` 来替代前者，并同样传递给路由器的历史属性。 ```javascript import { createRouter, createWebHistory } from 'vue-router'; const router = createRouter({ history: createWebHistory(), routes: [ // 定义的路由对象数组 ] }); ``` 值得注意的是，当使用 `history` 模式时，可能还需要调整 Web 服务器的配置以确保正确处理这些看起来像真实文件路径的请求[^2]。