django跨域问题解决

╰半夏微凉° 2022-08-29 00:26 210阅读 0赞

在前后端分离开发时，前后端时不同的端口，这就涉及到跨域访问数据问题，因为浏览器的同源策略，默认是不支持两个不同域名间相互访问数据，而我们需要在两个域名间相互传递数据，这时我们就要为后端添加跨域访问的支持。

## 1. django-cors-headers扩展 ##

官方文档：[https://github.com/adamchainz/django-cors-headers][https_github.com_adamchainz_django-cors-headers]

## 2. 安装 ##

pip install django-cors-headers

## 3. 添加应用 ##

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

## 4. 配置中间件 ##

MIDDLEWARE = [
        'corsheaders.middleware.CorsMiddleware',
        ...
    ]

**注意：要在第一行添加**

## 5. 添加白名单 ##

# 跨域请求白名单
    CORS_ORIGIN_WHITELIST = (
        'http://127.0.0.1:8080',
        'http://127.0.0.1:8000',
    )
    CORS_ALLOW_CREDENTIALS = True  # 允许携带cookie

*  凡是出现在白名单中的域名，都可以访问后端接口
 *  CORS\_ALLOW\_CREDENTIALS 指明在跨域访问中，后端是否支持对cookie的操作。

## 6. 跨域实现流程为 ##

1、浏览器会第一次先发送options请求询问后端是否允许跨域，后端查询白名单中是否有这两个域名

2、如过域名在白名单中则在响应结果中告知浏览器允许跨域

3、浏览器第二次发送post请求，携带用户登录数据到后端，完成登录验证操作

![image-20210808192511865][]

[https_github.com_adamchainz_django-cors-headers]: https://github.com/adamchainz/django-cors-headers
[image-20210808192511865]: /images/20220829/c98d86fd3d21440ba87dd2d5cd6e4eca.png

发表评论取消回复

表情：

评论列表（有 0 条评论，210人围观）

还没有评论，来说两句吧...

相关阅读

相关【跨域】如何解决跨域问题

同源策略同源相同协议+相同域名+相同端口内容 [浏览器的同源策略 - Web 安全 | MDN (mozilla.org)][- Web _ _

超、凢脫俗/ 2024年03月16日 13:32/ 0 赞/ 126 阅读

相关 Python 安装django-cors-headers解决跨域问题

一、PythonCorsHeaders概念 PythonCorsHeaders是一个轻量级的Python工具，用于解决跨域HTTP请求的问题。它允许你指定哪些网站或IP地

今天药忘吃喽~/ 2024年02月17日 10:23/ 0 赞/ 54 阅读

相关 Django 解决CSRF 跨域问题总结

问题描述：使用postman 测试后台服务接口提示如下截图错误信息 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_a

蔚落/ 2023年10月10日 13:12/ 0 赞/ 29 阅读

相关解决Django跨域请求问题

1、安装django 第三方库 django-cors-headers pip install django-cors-headers 2、settings.py 添

朴灿烈づ我的快乐病毒、/ 2022年11月06日 02:56/ 0 赞/ 230 阅读

相关 Django中解决跨域请求问题

Django中解决跨域请求问题参考文章： [（1）Django中解决跨域请求问题][1_Django] （2）https://www.cnblogs.com/GGTom

亦凉/ 2022年09月14日 02:22/ 0 赞/ 241 阅读

相关 django跨域问题解决

在前后端分离开发时，前后端时不同的端口，这就涉及到跨域访问数据问题，因为浏览器的同源策略，默认是不支持两个不同域名间相互访问数据，而我们需要在两个域名间相互传递数据，这时我们就

╰半夏微凉°/ 2022年08月29日 00:26/ 0 赞/ 211 阅读

相关 Django解决跨域问题（django-cors-headers）

Django解决跨域问题（django-cors-headers）参考文章： [（1）Django解决跨域问题（django-cors-headers）][1_Djang

ゞ浴缸里的玫瑰/ 2022年08月28日 11:42/ 0 赞/ 220 阅读

相关 Django解决跨域访问报错/Cros问题

两种方法：拼数据 def myview(_request): response = HttpResponse(json.dumps({

àì夳堔傛蜴生んèń/ 2022年06月10日 11:07/ 0 赞/ 234 阅读

相关 python django 跨域问题

配置文件中注释: ![20190412100351929.png][] 然后构造HttpResponse对象：返回HttpResponse对象 def

系统管理员/ 2022年02月20日 00:37/ 0 赞/ 254 阅读

相关跨域问题解决详解 Vue Django

什么是跨域出于安全考虑，浏览器要求你的网站不能执行/访问其他网站的资源跨域的影响浏览器本地存储无法使用 DOM对象、JS对象无法获取

深藏阁楼爱情的钟/ 2021年09月09日 01:32/ 0 赞/ 378 阅读