我正在使用 reactjs( create-react-app ) 创建仪表板应用程序，在我的应用程序中，我调用了多个主机（为此我在 package.json 中配置了多个代理以避免 CORS）。前- www.app.demo1.com, www.app.demo2.com, www.app.demo3.com ...

"proxy": {
    "/demo1/api/":{
  "target":"www.app.demo1.com"
},
"/demo2/api/":{
  "target":"www.app.demo2.com"
},
"/demo3/api/":{
  "target":"www.app.demo3.com"
}
}

在应用程序中，我称之为-

try{
   const host1 = process.env.NODE_ENV === 'production'? 
   'www.app.demo1.com/demo1/api': '/demo1/api/';
   const host2 = process.env.NODE_ENV === 'production'? 
   'www.app.demo2.com/demo2/api': '/demo2/api/';
   const host3 = process.env.NODE_ENV === 'production'? 
  'www.app.demo3.com/demo3/api': '/demo3/api/';
   const resp1 = axios.get(host1)
   const resp2 = axios.get(host2)
   const resp3 = axios.get(host3)
}catch(){}

开发中：当向/demo1/api/提出请求时，它被代理到 www.app.demo1.com/demo1/api并且我得到了响应。但

在生产中：我已经在 github 页面上部署了应用程序，虽然我收到以下错误，请 在此处输入图像描述

有没有人可以帮忙。。