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

Question

使用webpack dev服务器,我希望有一个代理服务器代理服务器,除了我的应用程序.除了在我的应用程序下有一个端点的api应该被代理:

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

以下设置使用旁路功能执行此操作,但是可以使用单个上下文规范以声明方式完成吗？

/myapp/api/**

是的,这是令人费解的.抱歉.

Answer 1

根据https://webpack.js.org/configuration/dev-server/#devserver-proxy webpack dev服务器使用http-proxy-middleware及其文档(https://github.com/chimurai/http-proxy-中间件#context-matching)你可以使用排除.

这应该适用于您的情况.我没有尝试过,所以我不确定优先级.

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