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',
)
相关推荐
爱可生开源社区16 分钟前
SQLShift 全新上线:Oracle→OceanBase 迁移利器
数据库
wkj00143 分钟前
java 和 C#操作数据库对比
java·数据库·c#
编程在手天下我有1 小时前
Redis 数据类型全览:特性、场景与操作实例
数据库·redis·数据结构与算法
左灯右行的爱情1 小时前
缓存并发更新的挑战
jvm·数据库·redis·后端·缓存
Qiuner2 小时前
软件设计师速通其一:计算机内部数据表示
服务器·数据库·信号处理
文牧之3 小时前
PostgreSQL oracle_fdw 扩展解析
运维·数据库·postgresql
一个天蝎座 白勺 程序猿4 小时前
Python爬虫(9)Python数据存储实战:基于pymysql的MySQL数据库操作详解
数据库·python·mysql
Bug哆哆4 小时前
数据库安装和升级和双主配置
数据库
百锦再4 小时前
Android Studio 中使用 SQLite 数据库开发完整指南(Kotlin版本)
android·xml·学习·sqlite·kotlin·android studio·数据库开发
Themberfue4 小时前
Redis ⑥-string | hash | list
数据库·redis·分布式·缓存·list