前后端分离的django项目服务器跨域

最新推荐文章于 2024-12-26 14:37:17 发布

原创最新推荐文章于 2024-12-26 14:37:17 发布 · 1k 阅读

2 ·

CC 4.0 BY-SA版权

后端专栏收录该内容

6 篇文章

订阅专栏

本文介绍如何使用django-cors-headers解决Django后端与Vue前端开发中的跨域问题，包括安装步骤及配置方法。

具体详情：https://github.com/ottoyiu/django-cors-headers
网站后端与前端分离开发的时候会存在跨越问题，例如后端是django写的，地址是http://127.0.0.1:8000,前端是vue写的，地址是http://127.0.0.1:8080，在后端向前端传递数据时就存在跨域问题，从而报错。
安装

pip install django-cors-headers

在settings.py中设置

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

添加一个 middleware class
CorsMiddleware 要放在尽可能靠前的位置，尤其是任何能产生responses 的 middleware 前，例如 Django’s CommonMiddleware 和Whitenoise’s WhiteNoiseMiddleware.

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

设置CORS_ORIGIN_ALLOW_ALL为true