azure - Azure Web 应用程序请求的资源中不存在 'Access-Control-Allow-Origin' header

Question

当我尝试从 React 应用程序访问 azure web 应用程序(rest api)时，出现此错误。

我修改了网络应用程序核心以接受来自“*”的核心起源，但出现相同的错误。但是，如果我禁用 azure web 应用程序的“身份验证/授权”选项，则不会出现这样的错误。仅当我使用 Azure AD 应用启用“身份验证/授权”时才会发生这种情况。

**访问'https://login.windows.net/XXXXXX/oauth2/authorize?response_type=id_token&redirect_uri=XXXXX获取'(从'https://AAAwebapp.azurewebsites.net/XXXXX'重定向)来自来源'null'已被CORS策略阻止:请求的资源上不存在'Access-Control-Allow-Origin' header 。如果不透明响应满足您的需求，请将请求模式设置为“no-cors”以在禁用 CORS 的情况下获取资源。*

Answer 1

我能够解决这个问题。我用下面的代码修改了我的 react 应用程序。

const myHeaders = {}
const myInit = {
method: "GET",
headers: myHeaders,
credentials: "include"
}

并且获取部分已修改为:

fetch('myapi url', myInit)

之后启用 Azure Web 应用程序的 Access-Control-Allow-Credentials。