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,
});