使用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/**'] 
    ... 
}]