如何解决 Azure 发布的 Blazor 应用程序上的 XMLHttpRequest 错误

Posted 2023-03-27

【中文标题】如何解决 Azure 发布的 Blazor 应用程序上的 XMLHttpRequest 错误

【英文标题】：How to solve XMLHttpRequest error on azure published Blazor Apps

【发布时间】：2021-05-27 19:16:23

【问题描述】：

我有几个 Blazor Web Assembly 应用程序发布到 Azure 应用程序服务。有些在 .NET Core 3.1 中，有些在 .NET 5 中，我注意到当它们发布到 Azure 时，控制台会显示此错误消息

blazornet5spinnerstest.azurewebsites.net/:1 从源“https://blazornet5spinnerstest”访问“https://app-directory.s3.amazonaws.com/hootlet/launched-app-directory-apps.json”的 XMLHttpRequest .azurewebsites.net' 已被 CORS 策略阻止：请求的资源上不存在“Access-Control-Allow-Origin”标头。

我在本地测试时没有看到该消息。我已经尝试设置 cors 允许一切，但错误一直显示在已发布的应用程序中。

任何想法如何解决这个问题？

【问题讨论】：

你需要设置cors

@Sajeetharan 我也这么认为，但即使这样也没有用，我什至尝试在设置 CORS 时允许所有内容，但在发布到 Azure 时仍然会出现问题。

Try to set cors on portal, like my pic.

这几个blazor项目，你可以在app services中这样设置。如果您有任何进展，请@让我知道。

您是否安装了某种可能发出该请求的 Hootlet 浏览器扩展程序？

【参考方案1】：

问题是由于在 chrome 中安装了 Hootsuite 扩展。 删除了扩展并修复了错误。