Vue Router地址栏路径不更新问题求助（Vue3+Vue Router4）

• createMemoryHistory 是 Vue Router 提供的内存历史模式，它的核心特性是仅在内存中维护路由状态，不会同步修改浏览器地址栏的URL。这种模式通常用于非浏览器环境（比如SSR、测试、桌面应用），或是不需要地址栏变化的场景。
• 你看到视图正常渲染，说明路由的逻辑跳转已经在内存中完成，但因为内存历史模式不与浏览器地址栏交互，所以地址栏路径保持不变。

如果需要浏览器地址栏同步更新路由路径，将路由创建方式改为以下两种之一：

1. HTML5 历史模式（推荐）：使用 createWebHistory，它会利用浏览器的 History API 修改地址栏，注意需要服务器配置支持以避免刷新页面时出现404：

import { createRouter, createWebHistory } from 'vue-router'

const router = createRouter({
  history: createWebHistory(),
  routes: [
    { path: '/', component: HomeView },
    { path: '/translate/category', component: TranslateCategoryView }
    // 其他路由配置
  ]
})

2. 哈希模式：使用 createWebHashHistory，它会在URL中添加 # 前缀，无需额外服务器配置：

import { createRouter, createWebHashHistory } from 'vue-router'

const router = createRouter({
  history: createWebHashHistory(),
  routes: [
    // 你的路由配置
  ]
})

内容的提问来源于stack exchange，提问作者nagylzs