如何将 vue-router 中的可选段与 path-to-regexp 匹配答案

【问题标题】：How to match an optional segment in vue-router with path-to-regexp如何将 vue-router 中的可选段与 path-to-regexp 匹配
【发布时间】：2019-09-02 10:41:09
【问题描述】：

Vue-Router 使用https://github.com/pillarjs/path-to-regexp 将路径转换为正则表达式。

我一直在尝试创建一个匹配路径中可选段的表达式，但没有成功。

我一直在使用 http://forbeslindesay.github.io/express-route-tester/ 和包版本 0.1.7 进行测试。

路径应如下所示：

/:必填参数/(标识符/:parameter1/:parameter2)?/* 第一个参数应该始终是必需的。如果第一个参数匹配作为表达式第二部分的单词“标识符”，则参数 1 和参数 2 是必需的两个。如果不是，那么这两个参数都不能使用，并且应该匹配 *。

我尝试过的：

/:required/(标识符/:optional1/:optional2)?/* 路线

/必需/标识符/可选1/可选2/bla 应该等于

/必需的/bla

【问题讨论】：

标签： javascript regex vue.js vue-router path-to-regexp

【解决方案1】：

我的猜测是您正在尝试编写一些表达式，看起来像：

(/required/)(?:identifier/optional1/optional2/)(.*)

并将其替换为$1$2。

如果您想探索/简化/修改表达式，它已经在右上角的面板上进行了解释 regex101.com。如果你愿意，你也可以在this link看，怎么搭配针对一些样本输入。

【讨论】：