URL在CORS中提到，但有时显示无法获取

Question

我在React应用程序中创建了一个图像/文档库，它从Azure CosmosDB中获取图像/文档。
我将它部署在azure web应用程序中，有时我会得到这个错误无法获取

提到的原点已经存在于azure函数CORS设置CORS设置

我不明白为什么只有有时我得到这个错误…因为如果CORS阻塞了原点，那么它应该总是阻塞，但它只会偶尔阻塞，例如，如果我打开网站10次，那么10次中有2次会显示无法获取，其余8次会正常工作。

我应该提到一些在React代码也(例如…像模式:cors....或者允许-控制-起源…)之类的东西?

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。

请参阅Siddhant Varma的以下文章