我正在使用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页面上,尽管我遇到了以下错误, 在此输入图片描述
有人可以帮忙吗..
webpack-dev-server
代理在生产环境中不起作用。请查看完整答案。 - Sergio Moura