createMemoryHistory() - 创建内存历史记录

createMemoryHistory() 函数专门用于创建内存中的历史记录管理器，这是 Vue Router 的三种历史模式之一，特别适合服务器端渲染 (SSR) 和测试环境。🧠

📋 函数签名

function createMemoryHistory(base?: string): RouterHistory

🎯 功能说明

这个函数创建一个不依赖浏览器 URL 的历史记录管理器，所有路由状态都保存在内存中。想象一下，它就像是给路由系统装了一个"内存硬盘"！

核心特点：

• ✅ 无浏览器依赖 - 不操作真实的浏览器 URL
• ✅ 适合 SSR - 服务器端渲染的理想选择
• ✅ 测试友好 - 单元测试的完美搭档
• ❌ 无地址栏同步 - 用户看不到 URL 变化

⚙️ 参数说明

base - 基础路径（可选）

类型	默认值	说明
string	''	应用的基础路径，所有路由都会基于此路径

📤 返回值

返回一个 RouterHistory 实例，包含内存历史记录的所有操作方法。

💡 实际应用示例

SSR 环境使用

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

// 服务器端创建路由实例
const router = createRouter({
  history: createMemoryHistory(), // 使用内存历史
  routes: [
    { path: '/', component: Home },
    { path: '/about', component: About }
  ]
})

// 在服务器端渲染时使用
app.use(router)

单元测试场景

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

describe('路由测试', () => {
  it('应该能正确导航', async () => {
    const router = createRouter({
      history: createMemoryHistory(), // 测试环境使用内存历史
      routes: [{ path: '/test', component: TestComponent }]
    })
    
    await router.push('/test')
    expect(router.currentRoute.value.path).toBe('/test')
  })
})

带基础路径的配置

const router = createRouter({
  history: createMemoryHistory('/app'), // 基础路径为 /app
  routes: [
    { path: '/', component: Home },     // 实际路径为 /app/
    { path: '/user', component: User } // 实际路径为 /app/user
  ]
})

🔄 与其他历史模式的对比

模式	适用场景	URL 可见性	服务器要求
createMemoryHistory	SSR、测试	❌ 不可见	无特殊要求
createWebHistory	生产环境	✅ 可见	需要配置
createWebHashHistory	静态部署	✅ 可见（带#）	无特殊要求

🚨 注意事项

客户端限制

// 在客户端使用内存历史时，用户无法通过浏览器前进/后退
const router = createRouter({
  history: createMemoryHistory(), // ❌ 不推荐在客户端使用
  routes: [...]
})

路径解析差异

// 内存历史不会处理真实的 URL 解析
const history = createMemoryHistory()
history.push('/page?query=value') // 查询参数仍在内存中处理

🔗 相关 API

• createWebHistory() - 创建标准 HTML5 历史
• createWebHashHistory() - 创建哈希历史
• RouterHistory - 历史记录接口

💡 专业建议：在开发 SSR 应用时，根据环境动态选择历史模式：

const history = typeof window === 'undefined' 
  ? createMemoryHistory() 
  : createWebHistory()