Django框架 ----跨域CORS

最新推荐文章于 2021-10-12 14:02:27 发布
最新推荐文章于 2021-10-12 14:02:27 发布
阅读量380 收藏 2
点赞数 1
分类专栏： 笔记 文章标签： django
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45946270/article/details/115550718
版权

跨域CORS

  • 简介

CORS需要浏览器和服务器同时支持，整个CORS通信过程，都是浏览器自动完成，不需要用户参与。对于开发者来说，CORS通信与AJAX通信没有差别，代码完全一样，现在前端后端分出不同的域名，这就涉及到跨域访问数据的问题，因为浏览器的同源策略，默认是不支持俩个不同域间相互访问数据，而我们需要在俩个域名之间互相传递数据，这时我们就要为后端添加跨域CORS访问的支持。

同源就相当于遵守Http协议，只有端口，ip地址，协议，三者有一个不一样，就得使用跨域。

  • CORS的安装与使用
    1）安装

pip install djang-cors-headers

  1. 添加应用(添加到Django项目中的setting文件中的中间件里)

INSTALLED_APPS = (
…
‘corsheaders’,
…
)

  1. 添加白名单

CORS_ORIGIN_WHITELIST = (
‘http://127.0.0.1:8080’,
‘http://localhost:8080’,
‘http://www.meiduo.site:8080’,
‘http://www.meiduo.site:8000’
)
CORS_ALLOW_CREDENTIALS = True # 允许携带cookie
1.凡是出现在白名单中的域名，都可以访问后端接口
2.CORS_ALLOW_CREDENTIALS指明在跨域访问中，后端是否支持COOKIE

4）Django跨域程序运行流程解析

如果用的是Python就可以用Python自带的服务器，打开cmd进入到自己的静态文件的目录下输入该命令：python -m http.server 8000 这里命令后的端口必须要卸载白名单里面并且不能和后端的端口重复了，再开启后端的代码的服务器，后端的服务器的ip和端口直接使用自己本地的就行，详细解释如下图!

  • 开启前端服务器并且带上端口

在这里插入图片描述

  • 开启后端服务器使用本地IP地址和端口
    在这里插入图片描述
  • 获取返回的数据
    在这里插入图片描述

请求流程中遇到的Bug

  • 如果没有添加白名单浏览器中的Network会提示你缺少CORS
    解决办法：去setting文件中添加就OK了
  • IP地址和端口复用
    后端服务器和前端服务器的ip地址和端口不能一样，后端白名单里要添加前端访问的ip地址和端口
  • 跨域在中间件的级别
    设置在中间件的最上面的第一个
  • 注册跨域
    写在INSTALLED_APPS里面
LHL_C
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Django项目关于跨域cors及解决方案（配置项）
li944254211的博客
11-05 918
出于浏览器的同源策略限制。同源策略（Sameoriginpolicy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的，浏览器只是针对同源策略的一种实现。所谓同源（即指在同一个域）就是两个页面具有相同的协议（protocol），主机（host）和端口号（port） 三者之间任意与当前页面地址不同，即为跨域。 我们的前端和后端分别是两个不同的端口。现在，前端与后端分处不同的域名，这就涉及到跨域访问数据的问题，因为浏览
django后台启动CORS跨越配置
最新发布
西京刀客
09-03 1018
如果前后端可以部署在同一个域名下,那么可以避免跨域,这是最简单的方案。如果前后端实在无法部署在同域名,那么最常见和推荐的就是后端启用 CORS。这是官方推荐的标准跨域方案。
Django解决CORS跨域
张鑫宇
03-12 1711
要解决跨域问题首先要了解同源以及非同源: 浏览器同源策略是:协议、主机ip 和 端口port 都相同的两个地址是同源地址，否则是非同源地址. 现在大多都是前后端分离的情况, 前端和后端分处不同的域名, 浏览器会限制脚本内部发送跨域请求, 当需要跨域的时候, 浏览器会发送一个options请求, 这个请求的意义就是预先查询需要跨域访问的站点是否支持允许跨域请求,如果不支持, 则会报CORS的错误...
django跨域设置
wx740851326的博客
04-26 354
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_...
ERRORS: ?: (corsheaders.E013) Origin ‘*‘ in CORS_ORIGIN_WHITELIST is missing scheme or netloc HINT:
z_erduo的博客
07-20 3340
django报错信息： ERRORS: ?: (corsheaders.E013) Origin ‘*’ in CORS_ORIGIN_WHITELIST is missing scheme or netloc HINT: 解决方法： setting.py文件注释掉以下代码 CORS_ORIGIN_WHITELIST = ( ‘*’ ) ```python """ #setting.py文件 Django settings for project project. Generated by 'd
DRF跨域后端解决之django-cors-headers的使用
09-19
主要介绍了DRF跨域后端解决之django-cors-headers的使用，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
django-cors-headers-3.0.2.tar.gz
01-03
**标题解析：** "django-cors-headers-3.0.2.tar.gz" 是一个针对 Django 框架的第三方库 "django-cors-headers" 的版本 3.0.2 的压缩包文件，通常以 .tar.gz 格式提供。这种格式是一种常见的在 Linux 和类 Unix 系统...
django-cors-headers-2.4.0.tar.gz
07-24
`django-cors-headers` 是一个非常重要的Python Django框架扩展，主要用于处理跨域资源共享（CORS）问题。在Web开发中，由于同源策略的限制，浏览器会阻止来自不同源的请求，但有时我们需要允许来自其他源的请求，...
PyPI 官网下载 | django-cors-headers-2.0.2.tar.gz
02-10
总之，django-cors-headers是一个非常实用的Django插件，它使得处理跨域请求变得简单而规范，对于任何使用Django构建的需要支持API或与外部应用交互的后端服务来说，都是一个必不可少的工具。通过深入理解这个库，...
django基于cors解决跨域请求问题详解
09-18
主要介绍了django基于cors解决跨域请求问题详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
django setting配置(笔记)
scorhl的博客
10-12 162
1、注册app： INSTALLED_APPS = [ 'django.contrib.admin', 'django.contrib.auth', 'django.contrib.contenttypes', 'django.contrib.sessions', 'django.contrib.messages', 'django.contrib.staticfiles', # //创建的app都需要在此注册才能够被django识别 ] 2、中...
django基于cors做跨域处理
lishanchuan的博客
06-30 3709
当前后端分离开发时，会出现跨域请求问题，解决思路如下： 1) 安装django-cors-headers 这个包 pip installdjango-cors-headers==2.1.0 2) 配置Django-settings.py 安装app INSTALLED_APPS = [ 'django.contrib.admin', #刚才安装的django-cors-headers包所引入的app 'corsheaders' ] 配置必要参数 #开启deb...
CORS（跨域资源共享） 的配置
一个人的专栏
05-02 5076
nginx兼容跨域上传
ERRORS: ?: (corsheaders.E013) Origin '*' in CORS_ORIGIN_WHITELIST is missing scheme or netloc
tian_jiangnan的博客
04-07 1901
报错信息如下 解决方案
laravel6框架跨域请求利器之 Laravel CORS 扩展包的安装和使用
php_xml的博客
08-13 1128
时间：2020年8月13日11:11:26 laravel框架版本，2020年7月2日发布 $ php artisan -V Laravel Framework 6.18.20 安装包地址： 删除旧版本 composer remove barryvdh/laravel-cors fruitcake/laravel-cors 新版本 composer require fruitcake/laravel-cors 安装完毕。如下 ..
Geoserver 安装及CORS跨域资源访问配置
铭净止水的博客
04-11 8674
在使用了geoserver发布了矢量切片地图并使用了https://github.com/Leaflet/Leaflet.VectorGrid插件访问之后，莫名的出现了跨域问题：Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' 以下省略，想必依靠以...
Django中使用CORS实现跨域请求
zizle_lin的博客
08-03 5580
跨域请求： ​    请求url包含协议、网址、端口，任何一种不同都是跨域请求。 1.安装cors模块 pip install django-cors-headers 2.添加应用 INSTALLED_APPS = (     ...     'corsheaders',     ... ) 3.设置中间件 MIDDLEWARE = [     'corsheaders.mid...
跨域CORS
知阅世界
09-30 207
前端与后端分处不同的域名，我们需要为后端添加跨域访问的支持。 我们使用CORS来解决后端对跨域访问的支持。 使用django-cors-headers扩展 参考文档https://github.com/ottoyiu/django-cors-headers/ 安装 pip install django-cors-headers 添加应用 INSTALLED_APPS = ( … ‘corshead...
django-vue-admin中,post请求403
03-29
当你在django-vue-admin中进行POST请求时，如果出现403错误，可能有以下原因： 1. CSRF验证失败：Django默认启用CSRF保护，需要在POST请求中包含CSRF令牌。在Vue中可以通过在请求头中添加X-CSRFToken字段来添加CSRF令牌。 2. 用户权限不足：如果用户没有足够的权限执行POST请求，会返回403错误。你需要确保用户拥有执行POST请求所需的权限。 3. 跨域请求失败：如果你的Vue前端和Django后端运行在不同的域名或端口上，需要进行跨域设置。你可以在Django中使用CORS插件来实现跨域请求。 4. URL匹配失败：确保你的POST请求的URL与Django中的URL匹配。如果URL不匹配，Django会返回404错误。 5. 其他原因：如果以上原因都没有解决问题，可能是其他问题导致的。你可以查看Django的错误日志来确定具体的错误原因。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值