django CORs policy: No 'Access-Control-Alow-Origin' header is present on the reguested resource

这个错误通常是由于浏览器中的CORS（跨域资源共享）政策限制导致的。要解决这个问题，你可以尝试在Django中使用django-cors-headers来添加正确的CORS头部信息。

安装django-cors-headers：

pip install django-cors-headers

然后，在Django的settings.py文件中添加以下配置：

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

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

CORS_ORIGIN_ALLOW_ALL = True

这将允许所有的跨域请求。如果你只想允许特定的域名请求，可以将CORS_ORIGIN_ALLOW_ALL设置为False并添加以下配置：

CORS_ORIGIN_WHITELIST = [
    'http://your-allowed-domain.com',
    # ...
]

希望这能帮助你解决问题！

相关问题

django 怎么解决has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

Django是一个流行的Python web框架，它提供了许多工具和库来开发web应用程序。CORS（Cross-Origin Resource Sharing）是浏览器的一个安全策略，用于限制跨域访问，以保护用户的安全性。当你在使用Django开发web应用程序时，可能会出现“has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource”这个错误，这是由于浏览器的CORS策略导致的。

为了解决这个问题，你需要在Django中添加一个中间件，该中间件将在响应中添加CORS头。有几个Django的第三方库可以帮助你轻松地实现这个功能，例如django-cors-headers。安装django-cors-headers之后，在你的settings.py文件中添加以下配置：

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

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

CORS_ORIGIN_ALLOW_ALL = True

上述配置将允许所有来源的请求访问你的Django应用程序。你也可以通过设置CORS_ORIGIN_WHITELIST属性来限制允许访问的来源。

VUE blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

### 解决 Vue.js 中 CORS 错误的方法

当遇到 `No 'Access-Control-Allow-Origin' header is present on the requested resource` 的错误时，这通常是因为服务器端没有正确配置跨源资源共享 (CORS) 策略[^2]。

为了处理这个问题，可以在服务器端设置响应头来允许特定域名的请求。对于 Django 后端项目来说，可以通过安装并配置 `django-headers` 来实现这一点：

#### 安装依赖包

pip install django-cors-headers

#### 修改 settings.py 文件
在项目的 `settings.py` 文件中做如下修改:

1. 将 `'corsheaders'` 添加到已安装的应用程序列表中；
2. 把 `'corsheaders.middleware.CorsMiddleware'` 加入中间件类，并放置于最顶部以确保其优先执行；

INSTALLED_APPS = [
    ...
    'rest_framework',
    'corsheaders',  # 新增此项
]

MIDDLEWARE = [
    'corsheaders.middleware.CorsMiddleware',  # 放置在此处
    'django.middleware.common.CommonMiddleware',
    ...
]

3. 配置允许访问的来源地址白名单或通配符（如果要开放给所有站点则可以使用 `"*"`）

CORS_ORIGIN_ALLOW_ALL = True  # 或者指定具体URL
# 如果不想完全公开，则可定义白名单
# CORS_ORIGIN_WHITELIST = ('http://example.com',)

以上更改能够有效防止因缺少必要的 HTTP 响应头部而引发的 CORS 跨域问题。

另外需要注意的是，在开发环境中测试 API 请求时，也可以考虑利用浏览器插件临时绕过 CORS 限制，但这仅适用于调试阶段而不适合生产环境部署。