使用webpack dev服务器，如何代理除“/ app”之外的所有内容，但包括“/ app/api”

Question

使用webpack dev服务器，我想要一个代理服务器代理服务器，除了我的应用程序。所不同的是API，里面有我的应用程序下一个端点，应该被代理

• /myapp/api/**应该被代理
• /myapp/**不应该被代理（任何
• /**应该被代理

以下设置使用旁路功能来实现此功能，但是可以使用单个环境规范以声明方式完成此功能吗？

proxy: [{ context: '/', bypass: function (req, res, options) { if (req.url.startsWith("/app") && !req.url.startsWith("/app/api")) { // console.log ("no proxy for local stuff"); return false;
} //console.log ("Proxy!") }, ... }]

是的，它很复杂。抱歉。

Answer 1

根据https://webpack.js.org/configuration/dev-server/#devserver-proxy webpack dev服务器使用http-proxy-middleware并在其文档（https://github.com/chimurai/http-proxy-middleware#context-matching）上可以使用排除。

这应该是在你的情况。我还没有尝试过，所以我不确定优先顺序。

proxy: [{ 
    context: ['**', '/myapp/api/**', '!/myapp/**'] 
    ... 
}]