VueJs路由器设置配置以支持无斜杠的哈希

Question

我需要使用哈希路由器。但是，路由必须在/＃之后不包含斜杠，如下所示。

/＃/用户/测试/ => /＃用户/测试/

在React Router中，仅使用noSlash prop就很容易。但是，我不知道如何使用VueJS做到这一点。

Answer 1

vue路由器（如果处于哈希模式）会在url中产生哈希标记，但不会在斜杠中产生。您可以自己决定。只需更改您的路线，即可：

export default new Router({
    mode: 'hash',
    routes: [
        {
            path: '/',
            name: 'home',
            component: home
        },
        {
            path: '/about',
            name: 'about.index',
            component: about,
        },
    ]
})

收件人：

export default new Router({
    mode: 'hash',
    routes: [
        {
            path: '',
            name: 'home',
            component: home
        },
        {
            path: 'about',
            name: 'about.index',
            component: about,
        },
    ]
})