Vue3路由如何携带 # 路由模式选择

vue3中创建路由的时候，有两种可选模型 hash模式、HTML5模式、服务端渲染模式

createWebHashHistory（hash模式）

const router = createRouter({
  // hash模式，带 # 号
  history: createWebHashHistory(), //函数可携带参数，具体参考如下 函数使用方法：
  routes,
});

函数使用：

// 基于 https://example.com/folder
createWebHashHistory() // 给出一个 https://example.com/folder# 的 URL
createWebHashHistory(‘/folder/’) // 给出一个 https://example.com/folder/# 的 URL
// 如果其基础位置提供了 #，则不会被 createWebHashHistory 添加
createWebHashHistory(‘/folder/#/app/’) // 给出一个 https://example.com/folder/#/app/ 的 URL
// 你应该避免这样做，因为它改变了原始的 URL 且破坏了复制 URL 的工作
createWebHashHistory(‘/other-folder/’) // 给出一个 https://example.com/other-folder/# 的 URL
// 基于 file:///usr/etc/folder/index.html
// 对于没有 host 的位置，该 base 会被忽略
createWebHashHistory(‘/iAmIgnored’) // 给出一个 file:///usr/etc/folder/index.html# 的 URL

createWebHistory（HTML5模式）

const router = createRouter({
  // hash模式，不带 # 号
  history: createWebHistory(),
  routes,
});

createMemoryHistory（服务端渲染模式）