准备
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',
)
问题解决,大功告成!
有什么问题欢迎在评论区留言。