Django Python Rest框架，Chrome中请求的资源上不存在“Access-Control-Allow-Origin”标头，适用于Firefox

我研究并阅读了很多关于同一问题的 Stackoverflow 帖子。没有人解决我的问题。

我的问题是我在控制台中收到“...请求的资源上不存在'Access-Control-Allow-Origin'标头...”错误。

我在用：

Chrome 版本 57.0.2987.133 火狐版本 52.0.2

Python 2.7 姜戈 1.11a1

AngularJS

我使用 MAMP 为前端 Angular 提供服务，并使用 django 服务器为后端提供服务。

在我的 django 设置中，我包含了 cors 中间件，并尝试了白名单方法并将所有设置为 true：

MIDDLEWARE = [

    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'corsheaders.middleware.CorsMiddleware',
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',

]

CORS_ORIGIN_ALLOW_ALL = True

在 google chrome 上我仍然收到此错误：

localhost/:1 XMLHttpRequest 无法加载 {我的端点 url}。重定向 从 {我的端点 url} 到带有 } 的 {我的端点 url} 已被阻止 根据 CORS 策略：不存在“Access-Control-Allow-Origin”标头 所请求的资源。因此，Origin {requesting url} 不是 允许访问。

它在 Firefox 上运行正常，但我不明白为什么它不适用于 google chrome。我没有尝试过任何其他类型的浏览器。任何帮助将不胜感激，谢谢。

安装 cors-headers 包

pip install django-cors-headers

添加到您已安装的应用程序

INSTALLED_APPS = [
    ...
    'corsheaders',
    ...
]

添加您的中间件请记住添加为列表中的第一个

MIDDLEWARE = [  
    'corsheaders.middleware.CorsMiddleware',
    'django.middleware.common.CommonMiddleware',
    ...
]

在安装应用程序之前，将此配置设置为任何人都可以访问

CORS_ORIGIN_ALLOW_ALL=True

或者创建一个点击列表

CORS_ORIGIN_WHITELIST = [
    'http://google.com',
    'http://hostname.example.com',
    'http://localhost:8000',
    'http://127.0.0.1:9000'
]