Django2.0 使用 django-cors-headers 解决跨域问题以及其中的坑

最新推荐文章于 2024-08-15 09:09:05 发布

原创最新推荐文章于 2024-08-15 09:09:05 发布 · 4.4k 阅读

5 ·

CC 4.0 BY-SA版权

python 专栏收录该内容

13 篇文章

订阅专栏

博客介绍了接口实现跨域的步骤，包括使用pip安装、添加到setting的app中、添加中间件并注意位置顺序、在setting下添加配置。运行后出现错误，经查找发现注释掉某一代码即可解决。

1、使用pip安装

pip install django-cors-headers

2、添加到setting的app中

INSTALLED_APPS = (
    ...
    'corsheaders',
    ...
)

3、添加中间件（注意位置顺序）

MIDDLEWARE = [  # Or MIDDLEWARE_CLASSES on Django < 1.10
    ...
    'corsheaders.middleware.CorsMiddleware',
    'django.middleware.common.CommonMiddleware',
    ...
]

4、setting下面添加下面的配置

CORS_ALLOW_CREDENTIALS = True
CORS_ORIGIN_ALLOW_ALL = True
CORS_ORIGIN_WHITELIST = (
    '*'
)
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',
)

现在接口就支持跨域了，运行之后发现如下错误

经过查找发现注释掉上面的一个代码就好了

CORS_ALLOW_CREDENTIALS = True
CORS_ORIGIN_ALLOW_ALL = True
#注释掉
#CORS_ORIGIN_WHITELIST = (
#   '*'
#)
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',
)