我有一个React应用,其中包含从API提取的内容。我有一个有效的dockerfile
。
如何为生产中的所有提取配置基本URL?
最后,我将在Azure App Services上部署React应用程序。
我在proxy
中使用了标记package.json
,但这仅用于开发。
提取示例如下:(必须在“/ evaluations”之前放置基本url)
fetch(`/evaluations?onlyactiveones=true`, this.credentials)
.then(response => response.text())
.then(data => {
this.setState({ evaluations: data });
console.log(data);
});
最佳答案
看起来您正在对相对网址进行调用。因此,默认情况下,它将以基本URL的形式调用您的域。例如,在这种情况下,为http://yourdomain.com/evluations,但最有可能您要调用http://someotherdomain.com/api/evaluations。为此,您需要在azure网站(或任何其他托管服务器)中配置反向代理。
在azure网站中,您可以按照以下链接中的建议配置反向代理:
https://ppolyzos.com/2015/10/26/reverse-proxy-functionality-in-azure-web-sites/