Vue3 Router跳转组件正常但浏览器地址栏路径不更新求助

• 问题根源：你使用的createMemoryHistory是内存式路由历史实现，它不会同步浏览器地址栏，所有路由状态仅存于内存中，仅适合服务端渲染、测试环境或非浏览器场景（比如Electron离线模式）。浏览器环境下需要用原生历史记录API来同步地址栏状态。

• 解决方案：将路由配置中的createMemoryHistory替换为createWebHistory：

  示例代码：

  // router/index.js
  import { createRouter, createWebHistory } from 'vue-router'
  import Home from '../views/Home.vue'
  import Rmer from '../views/Rmer.vue'
  import SensitivePart from '../views/SensitivePart.vue'
  
  const routes = [
    { path: '/', redirect: '/home' },
    { path: '/home', component: Home },
    { path: '/rmer', component: Rmer },
    { path: '/sensitivePart', component: SensitivePart }
  ]
  
  const router = createRouter({
    history: createWebHistory(), // 替换原createMemoryHistory()
    routes
  })
  
  export default router
  

• 验证：替换后重启项目，路由跳转时浏览器地址栏会同步显示对应路径，组件渲染功能不受影响。

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