URL 在 CORS 中提到但有时显示 Failed to fetch

Question

我在 React 应用程序中创建了一个 image/docs 库，它从 Azure CosmosDB 获取 images/docs。
我在 azure web 应用程序中部署它，有时我会收到此错误 Unable to fetch

Azure 函数 CORS 设置中已经存在提到的来源 Cors setting

我不明白为什么只有有时我会收到此错误...因为如果 CORS 阻止了原点那么它应该总是阻止但它只会在某个时候阻止，例如如果我打开网站 10 次然后 2 次10次会显示无法获取，休息8次就可以了。

我是否也应该在 React 代码中提及一些东西（例如..像 mode:cors..或 allowed-control-origin...）之类的东西？

 const getSelectedUsers = async () => {
    
    var urlprodmain = `https://example.azurewebsites.net/api/Search?OrderID=${para1}&OrderNo=${para2}&OrderName=${para3}`;

    const response = await fetch(urlprodmain, {
      method: "get",
      headers: {
        Authorization: "Bearer" + " " + accessToken,
        "Content-Type": "application/json",
      },
    });

Answer 1

Cors 经常在数据包的目的地被拒绝。

您必须在 React 应用程序中允许 Cors，因为浏览器将是抛出错误的浏览器。

因此您必须在 React 应用程序中启用 Cors。

参考以下内容 article by Siddhant Varma

URL 在 CORS 中提到但有时显示 Failed to fetch

URL mentioned in the CORS but sometimes it shows Failed to fetch

azure

reactjs

azure-functions