如何修改正则表达式以获取URL中带特殊字符的完整文件名？

你的问题根源在于原正则里的\w+：\w只能匹配字母、数字和下划线，完全不包含连字符（-）。所以当文件名里有-时，\w+会在第一个-的位置停止匹配，只能捕获最后一段不带连字符的内容（也就是theme），加上后缀就变成了theme.svg。

这里有两种靠谱的修改方案，你可以根据自己的需求选：

方案1：允许匹配连字符（精准适配你的场景） #

把原正则中的\w+替换成[\w-]+，这样就能同时匹配字母、数字、下划线和连字符了。修改后的正则是：

[\w-]+\.(js|css|less|html|eot|svg|ttf|woff|json|xml)$

用你的测试示例menu/abc-brand-dark-theme.svg验证，这个正则会精准捕获到完整的abc-brand-dark-theme.svg，完全符合你的需求。

方案2：基于URL路径结构匹配（更通用） #

如果你的文件名未来可能出现其他合法符号（比如.、~这类），可以用[^/]+来匹配最后一个斜杠（/）之后的所有内容——因为URL里的文件名必然在最后一个/后面，[^/]+表示匹配除了/之外的任意字符，兼容性更强。修改后的正则是：

[^/]+\.(js|css|less|html|eot|svg|ttf|woff|json|xml)$

这个方案不仅能匹配带连字符的文件名，就算文件名里有其他特殊符号（比如abc.v2-dark-theme.svg）也能完整捕获，适用范围更广。

选哪个方案取决于你的实际场景：如果确定文件名只有字母、数字、下划线和连字符，方案1足够用；如果需要兼容更多合法文件名符号，方案2更稳妥。

内容的提问来源于stack exchange，提问作者HanYi Zhang