Angular 跨域请求在 Chrome 上有效，在 Firefox 和 IE 上失败

Posted 2023-03-03

【中文标题】Angular 跨域请求在 Chrome 上有效，在 Firefox 和 IE 上失败

【英文标题】：Angular cross-domain request works on Chrome, fails on Firefox and IE

【发布时间】：2015-07-31 15:48:30

【问题描述】：

我的 Angular 应用通过 Apache 的跨域请求在 Google Chrome 上运行，但在 Firefox 上失败并出现 Error: a security problem occurred 错误。

这是我的Django 应用程序的Apache 配置：

    <Location />  
            Header always set Access-Control-Allow-Origin http://stage.myangularsite.com
            Header always set Access-Control-Allow-Methods "POST, GET, OPTIONS, DELETE, PUT"
            Header always set Access-Control-Max-Age "1000"
            Header always set Access-Control-Allow-Credentials: true
            Header always set Access-Control-Allow-Headers "x-requested-with, Content-Type, origin, authorization, authentication, accept, client-security-token"
            Header always set Access-Control-Request-Headers "x-requested-with, Content-Type, origin, authentication, client-security-token"

            AuthType Basic
            AuthName "Authentication Required"
            AuthUserFile "/home/user/.htpasswd" 
            Require valid-user
    </Location>

仅供参考，在接收应用程序上，我使用的是 django-cors-headers 和 django-rest-framework。

【参考方案1】：

我认为您正在寻找的是xDomain Library。

你可以在这个问题上找到一些关于它的信息：

XMLHttpRequest Access Denied with AngularJS on any IE version below 10