webpack-dev-server - CRA - 如何代理除特定请求之外的所有请求？

Question

create-react-app 文档说您可以手动配置代理对象。我正在关注http-proxy-middleware 有关匹配 以排除特定路线的文档，但尚未使其正常工作。

基本上我是从/app路由而不是 root 服务我的应用程序。所以我希望发生以下情况：

1. /app/api代理到http://localhost:3001我的后端服务
2. 所有不以/app代理开头的请求http://cloud.my-app.com

这是我到目前为止没有运气的尝试：

  "homepage": "https://cloud.my-app.com/app",
  "proxy": {
    "/app/api": {                            // Works
      "target": "http://localhost:3001"
    },
    "!/app/*": {                             // Does not work
      "target": "https://cloud.my-app.com",
      "secure": false
    }
  },

我错过了什么？

Answer 1

添加以下内容作为您的代理：

  "proxy": {
    "/app/api":{
      "target":"http://localhost:3001",    
   },
    "/.*/":{
      "target":"https://cloud.my-app.com",
      "secure":"false",
      "changeOrigin": true
   }
  }