为什么 Application Insights 在 Firefox 上作为 CORS 被阻止？答案

【问题标题】：Why is Application Insights blocked on Firefox as CORS?为什么 Application Insights 在 Firefox 上作为 CORS 被阻止？
【发布时间】：2020-01-09 06:51:57
【问题描述】：

我在我的网站上使用 Application Insights JavaScript SDK，而 Firefox 正在阻止返回 Azure 的请求。但是它正在 Chrome 上运行。

网站在 https 上运行，Application Insights 在 Chrome 上正常运行。

在 Firefox 的控制台上，我看到以下警告： Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://dc.services.visualstudio.com/v2/track. (Reason: CORS request did not succeed).

为什么 Firefox 将请求识别为被阻止的 CORS 请求，而 Chrome 却没有？

我希望 Firefox 的 Application Insights 请求也能成功。

【问题讨论】：

您是否在两个浏览器上都登录了 azure？加载的资源在两个浏览器中是否有相同的headers？
不，因为该站点的典型用户不会登录到 Azure，所以我不会在任一浏览器上登录到 Azure。我正在调查标题....

标签： javascript azure-application-insights

【解决方案1】：

您是否安装了广告拦截器扩展程序（即 uBlock origin）？如果是，请尝试禁用它。

【讨论】：

【解决方案2】：

几个要点：

您使用哪个版本的 AI。尝试将您的软件包升级到最新版本：
您可以继续尝试将站点添加到异常中，看看它是否有效，也可能是因为 firefox 异常：

Firefox 'Cross-Origin Request Blocked' despite headers

最后也是最重要的一点，检查@Bergi 在评论中提到的标题，看看两个浏览器的标题是否相同。

其他参考：https://github.com/Microsoft/ApplicationInsights-node.js/issues/133

http://testingfreak.com/how-to-fix-cross-origin-request-security-cors-error-in-firefox-chrome-and-ie/

希望对你有帮助。

【讨论】：

奇怪的是我看不到从 Firefox 到 AppInsights 的任何网络活动（甚至不是 OPTIONS），只能从 Chrome 中看到。在 Firefox 上，我只在控制台中看到消息 Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://dc.services.visualstudio.com/v2/track. (Reason: CORS request did not succeed).