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

Question

create-react-app docs 表示您可以手动配置代理对象。我正在关注http-proxy-middleware docs on matching 排除特定路线，但尚未使其工作。

基本上，我从 /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
   }
  }