Vue Router Child，尾部斜杠

Question

Vue 给默认的子路由添加尾部斜杠是正常行为吗？

例如：

URL

Result:
/#/user/test/

Link

<router-link :to="{ name: 'user', params: { username: 'test' } }">Test User Overview</router-link>

路线

routes: [
     {
        path: '/user/:username',
        component: User,
        children: [
            {
                path: '',
                name: 'user',
                component: UserOverview
            },
            {
                path: 'stats',
                name: 'user.stats',
                component: UserStats
            }
        ]
    }
]

我希望 user link 具有其父级指定的路径，这意味着没有尾部斜线。像这样：/#/user/test。如果它是正常行为，我能以某种方式阻止它吗？

Answer 1

是的，是的。并且不要试图阻止这种行为，这是首选和推荐的做法。

在这篇文章中阅读更多内容 - 它较旧，但并未过时：https://webmasters.googleblog.com/2010/04/to-slash-or-not-to-slash.html?m=1

Vue Router Child，尾部斜杠

Vue Router Child, Trailing slash

vue.js

vue-router