Django跨域问题解决方法

Django跨域问题解决方法

1、安装django-cors-headers

python 复制代码
pip install django-cors-headers

1.1、配置允许访问的IP

python 复制代码
# 添加允许访问的IP
ALLOWED_HOSTS = ['*'] # 允许全部IP访问项目

2、配置settings.py文件

a.在INSTALLED_APPS里添加"corsheaders"
python 复制代码
INSTALLED_APPS = [
    ...
    'corsheaders',
    ...
 ]
b.在MIDDLEWARE_CLASSES添加配置:
python 复制代码
MIDDLEWARE_CLASSES = (
    ...
    'corsheaders.middleware.CorsMiddleware',
	'django.middleware.common.CommonMiddleware',
    ...
)

注意,corsheaders.middleware.CorsMiddleware一定要在django.middleware.common.CommonMiddleware之前

c.在setting.py底部添加
python 复制代码
CORS_ALLOW_CREDENTIALS = True
CORS_ALLOW_ALL_ORIGINS = True
# 也可以根据需求详细配置
CORS_ORIGIN_WHITELIST = ("*",)

(一般配置以上三项就可以了)

3、配置项参数说明

  1. CORS_ALLOW_ALL_ORIGINS: 允许所有域名跨域访问。

    • 示例:CORS_ALLOW_ALL_ORIGINS = True
  2. CORS_ALLOWED_ORIGINS: 允许指定的域名跨域访问。

    • 示例:CORS_ALLOWED_ORIGINS = ['https://example.com', 'https://another.com']
  3. CORS_ALLOW_METHODS: 允许的HTTP方法。

    • 示例:CORS_ALLOW_METHODS = ['GET', 'POST']
  4. CORS_ALLOW_HEADERS: 允许的HTTP头。

    • 示例:CORS_ALLOW_HEADERS = ['Authorization', 'Content-Type']
  5. CORS_ALLOW_CREDENTIALS: 是否允许发送凭据(如cookies)。

    • 示例:CORS_ALLOW_CREDENTIALS = True
  6. CORS_PREFLIGHT_MAX_AGE: 预检请求的缓存时间(秒)。

    • 示例:CORS_PREFLIGHT_MAX_AGE = 86400

4、常用配置项的详细配置

Python 复制代码
CORS_ALLOW_METHODS = (
    'DELETE',
    'GET',
    'OPTIONS',
    'PATCH',
    'POST',
    'PUT',
    'VIEW',
)

CORS_ALLOW_HEADERS = (
    'accept',
    'accept-encoding',
    'authorization',
    'content-type',
    'dnt',
    'origin',
    'user-agent',
    'x-csrftoken',
    'x-requested-with',
)
相关推荐
互联网搬砖老肖1 小时前
运维打铁: MongoDB 数据库集群搭建与管理
运维·数据库·mongodb
典学长编程2 小时前
数据库Oracle从入门到精通!第四天(并发、锁、视图)
数据库·oracle
积跬步,慕至千里2 小时前
clickhouse数据库表和doris数据库表迁移starrocks数据库时建表注意事项总结
数据库·clickhouse
极限实验室3 小时前
搭建持久化的 INFINI Console 与 Easysearch 容器环境
数据库
白仑色3 小时前
Oracle PL/SQL 编程基础详解(从块结构到游标操作)
数据库·oracle·数据库开发·存储过程·plsql编程
高压锅_12203 小时前
Django Channels WebSocket实时通信实战:从聊天功能到消息推送
python·websocket·django
程序猿小D5 小时前
[附源码+数据库+毕业论文]基于Spring+MyBatis+MySQL+Maven+jsp实现的个人财务管理系统,推荐!
java·数据库·mysql·spring·毕业论文·ssm框架·个人财务管理系统
钢铁男儿6 小时前
C# 接口(什么是接口)
java·数据库·c#
__风__6 小时前
PostgreSQL kv(jsonb)存储
数据库·postgresql
轩情吖6 小时前
Qt的第一个程序(2)
服务器·数据库·qt·qt creator·qlineedit·hello world·编辑框