Vue-router：摆脱 url 中的尾部斜杠

Question

设置：vue 2.6.14 & vue-router，我的路由器配置：

{
  mode:            'history',
  base:            document.location.pathname,
  routes: [
    {
      path:      '/',
      name:      'main',
      component: Main,
      props:     (route) => {
        return {
          id: route.query.id,
        };
      },
      pathToRegexpOptions: {
        strict: true,
      },
    },
  ],
}

问题：我有 url 个这样的问题

local.host/page/xxx_111.html?id=111

路由器基础是/page/xxx_111.html路径。在某些时候，我想通过编程导航将 url 更改为

local.host/page/xxx_111.html

换句话说，摆脱查询参数，但无论我做什么，我总是得到

local.host/page/xxx_111.html/

带有尾部斜杠 :( 如何解决这个问题？

Answer 1

通过使路由器的 path: '/*([\w\-]+_?[\d]+.html)' 匹配 local.host/<ANYTHING>/xxx_111.html 类型的任何 url 并调用 this.$router.push({ query: {} }) 来摆脱 url 参数 [=15] 来解决=] 将尾部斜线添加到 url.

Vue-router：摆脱 url 中的尾部斜杠

Vue-router: get rid of trailing slash in the url

javascript

vue.js

vue-router

vuejs2