首页 > 解决方案 > 正则表达式匹配不包含斜杠的字符串

问题描述

我正在尝试vue-router使用正则表达式在 Web 应用程序中设置路由以匹配模式。我要匹配的模式是任何包含字母数字字符(和下划线)但不带斜杠的字符串。以下是一些示例(第一个斜杠只是为了显示域之后的字符串,例如 example.com/):

/codestack
/demo45
/i_am_long

应该匹配的字符串是:

/data/files.xml
/share/home.html
/demo45/photos

到目前为止,我想出的唯一正则表达式是:

path: '/:Username([a-zA-Z0-9]+)'

这不太正确,因为它匹配除斜杠之外的所有字符。而我只想在遇到第一个正斜杠之前匹配第一组字母数字字符(包括下划线)。

如果路由包含正斜杠,例如/data/files.xml,那应该是不同的正则表达式路由匹配。因此,我需要一个正则表达式模式来匹配上面包含斜杠的示例。从理论上讲,它们可以包含任意数量的斜线,例如/demo45/photos/holiday/2015/bahamas.

标签: regexexpressvue-router

解决方案


对于第一部分,您可以匹配 1 个或多个单词字符,这些字符也将匹配下划线。

锚点^$断言字符串的开始和结束。

^\w+$

对于第二个,您可以使用单词字符开始匹配,然后/

如果有更多正斜杠,您可以选择重复组中的第一个模式。

模式之后的最后一部分可以是 1 个或多个单词字符,可选部分匹配点和单词字符。

^\w+/(?:\w+/)*\w+(?:\.\w+)?$

正则表达式演示

如果你想匹配任何字符,除了/你可以使用[^/]

^(?:[^/\s]+/)+[^/\s]+$

正则表达式演示


推荐阅读