django解决跨域问题

---

准备

python:3.7
django:3.1.2

一、问题

web的前后端分离可以带来诸多便利，但是也会存在跨域问题，如下图

下面我们就来解决该问题。

二、解决

1.下载库

djngo解决跨域问题需要依赖库django-cors-headers，先下载库：

pip install django-cors-headers

2.配置settings.py

下载后需要在settings.py文件里面引入配置该库：
settings.py

INSTALLED_APPS = [
......
'corsheaders',
]
......
MIDDLEWARE = [
......
'corsheaders.middleware.CorsMiddleware',
]
# 添加跨域增加忽略
CORS_ALLOW_CREDENTIALS = True
CORS_ORIGIN_ALLOW_ALL = True
# 添加白名单
CORS_ORIGIN_WHITELIST = (
 'http://127.0.0.1:8080',
 'http://localhost:8080',  # 凡是出现在白名单中的域名，都可以访问后端接口
)
# 添加跨域请求允许的请求方式
CORS_ALLOW_METHODS = (
    'DELETE',
    'GET',
    'OPTIONS',
    'PATCH',
    'POST',
    'PUT',
    'VIEW',
)
# 添加跨域请求允许的请求头类型
CORS_ALLOW_HEADERS = (
    'XMLHttpRequest',
    'X_FILENAME',
    'accept-encoding',
    'authorization',
    'content-type',
    'dnt',
    'origin',
    'user-agent',
    'x-csrftoken',
    'x-requested-with',
    'Pragma',
)

问题解决，大功告成！
有什么问题欢迎在评论区留言。