删除 Vue Router 中的尾部斜杠

Question

const routes = [
  {
    path: '/:year',
    component: Nav,
    children: [
      { path: '', name: 'test', component: Test }
    ]
  }
];

<!-- /2018/ -->
<router-link :to="{name: 'test', params: {year: 2018}}"></router-link>

如果有孩子，我想删除添加到路由器链接创建的路径的尾部斜杠。

Answer 1

在 Vue-Router v4 中，您可以使用以下strict选项：

const router = createRouter({
  history: createWebHistory(),
  routes: [
      ...
  ],
  strict: true, // applies to all routes
})

查看敏感和严格的路线选项。