Webpack DevServer Proxy pathRewrite中的`^`是什么意思

Question

我正在尝试了解Webpack DevServer Proxy 文档。

我的目标是将没有 .html 的任何路径代理到相应的.html文件。 示例： /foo -> /foo.html和/bar -> /bar.html

我想，我需要使用pathRewrites 。 文档示例建议使用pathRewrite: {'^/api': ''}重写路径。

我还不清楚（第一个参数的）语法：插入符号（ ^ ）字符的含义是什么？ 它是正则表达式吗？ 语法文档在某处吗？

Answer 1

找到了：

开发服务器使用强大的 http-proxy-middleware package。

定义

对象键将用作正则表达式来匹配路径。

-> 是的，它是一个正则表达式。 ✅

Answer 2

我试图实现与您完全相同的功能。 对于这个问题的未来查看者：http-proxy-middleware不支持捕获组https://github.com/chimurai/http-proxy-middleware/issues/271目前。

因此，您被迫使用自定义重写 function 将扩展名附加到您的路径，如下所述： https://github.com/chimurai/http-proxy-middleware/blob/master/recipes/pathRewrite.md#custom-rewrite -功能