Auth0 Blazor 访问以从源“https://xx.azurewebsites.net”获取“https://dev-xx.us.auth0.com/oauth/token”已被 CORS 策

Posted

技术标签:

【中文标题】Auth0 Blazor 访问以从源“https://xx.azurewebsites.net”获取“https://dev-xx.us.auth0.com/oauth/token”已被 CORS 策略阻止【英文标题】:Auth0 Blazor Access to fetch at 'https://dev-xx.us.auth0.com/oauth/token' from origin 'https://xx.azurewebsites.net' has been blocked by CORS policy 【发布时间】:2021-10-25 14:46:29 【问题描述】:

我正在开展一个实施Auth0 身份验证的项目,并且我已经能够正确地做到这一点。

登录、令牌请求、使用该令牌调用我的 C# API。我的开发环境一切顺利。

我将我的 SQL 数据库、C# API 和 Blazor 应用程序上传到 Azure。数据库和后端运行良好,但是当我在 Azure 上托管时从 Blazor 应用程序请求令牌时遇到问题,我目前找不到解决方案。

这里是完整的消息

Access to fetch at 'https://dev-xxxxxxxx.us.auth0.com/oauth/token' from origin 'https://xxxxxxxx.azurewebsites.net' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

但是,当从开发环境配置我的 Blazor 应用程序以连接到我的 azure 主机 API 时,它运行良好,我的意思是 API 会返回我请求的数据。

当我尝试运行托管在 Azure 上的应用时,我只会收到 Access-Control-Allow-Origin 错误。

我已在这两个配置选项中将 https://xxxxxxxx.azurewebsites.net' 添加到 Auth0 应用程序配置中:

允许的网络来源 允许的来源 (CORS)

有什么我想念的吗? Auth0 中是否存在与 .Net 6 / WASM 相关的错误?

谢谢雨果

【问题讨论】:

【参考方案1】:

好吧 Git 它... 记录在案

我看到 Auth0 监控/日志中出了什么问题 看来我在错误的 Auth0 应用程序配置中添加了 Origin。 感觉很笨。

【讨论】:

以上是关于Auth0 Blazor 访问以从源“https://xx.azurewebsites.net”获取“https://dev-xx.us.auth0.com/oauth/token”已被 CORS 策的主要内容,如果未能解决你的问题,请参考以下文章

CORS 策略已阻止访问 fetch - Blazor 客户端 Web 程序集

从源“http://localhost:3000”访问“https://***”处的 XMLHttpRequest 已被 CORS 策略阻止

Javascript:CORS 策略已阻止从源“http ...”获取“https ..”的访问权限 [重复]

拆分 URI 并在 C# PokeApi Blazor WASM.net 5 中获取数字

CORS 策略已阻止从源“http://localhost:3000”访问“https://randomuser.me/api/?results=4”获取:

从源“http://localhost:4200”访问“https://exam.com/api/Uni/GetAll”的 XMLHttpRequest 已被 CORS 策略阻止