Django跨域资源共享问题(推荐)


Posted in Python onMarch 09, 2020

最近做了一个前后端分离的web项目,其中我司职后端,使用django框架。在前后端集成测试的时候,就遇到了一些web安全相关的问题,cors跨域资源共享就是其中之一。

cors问题介绍

跨域资源共享(CORS) 是一种机制,它使用额外的 HTTP 头来告诉浏览器 让运行在一个 origin (domain) 上的Web应用被准许访问来自不同源服务器上的指定的资源。当一个资源从与该资源本身所在的服务器不同的域、协议或端口请求一个资源时,资源会发起一个跨域 HTTP 请求。 CORS机制允许 Web 应用服务器进行跨域访问控制,从而使跨域数据传输得以安全进行。现代浏览器支持在API容器中使用CORS,以降低跨域 HTTP 请求所带来的风险。

一个域是由协议、主机和端口号组成的,简单地说,当两个url的协议、主机和端口中存在一个不同时,它们属于不同域,那么它们之间的互相访问就会产生跨域访问问题。

Django跨域资源共享问题(推荐)

我的项目中,前端的地址是 http://localhost:8001 ,后端的地址是 http://localhost:8000 ,两个地址的协议和主机都相同,但是端口号不同,因此,前端调用后端接口时,就会产生跨域访问的问题。

简单请求

简单请求不会触发跨域访问中的预检请求,满足下列条件的为简单请求:

使用下列方法之一

GET
HEAD
POST

headers字段集合主要包含以下类型:

  • Accept
  • Accept-Language
  • Content-Language
  • Content-type : text/plain 、 multipart/form-data 和 application/x-www-form-urlencoded
  • DRP
  • DownLink
  • Save-Data
  • Viewport-Width
  • Width

非简单请求

非简单请求即不满足简单请求条件的请求。非简单请求在发出请求前需要先发送一个预检请求,请求方法为 OPTIONS 方法。预检请求的使用,可以避免跨域请求对服务器的用户数据产生未预期的影响。 当请求满足下述任一条件时,即应首先发送预检请求:

使用了以下的HTTP方法:

PUT
DELETE
CONNECT
OPTIONS
TRACE
PATCH

首部字段里面包含了非简单请求的头部字段的字段

django中遇到的问题

在后台开发中,就遇到了这样的情况

Django跨域资源共享问题(推荐)

错误提示中显示,请求被 CORS 协议阻拦。

Django跨域资源共享问题(推荐)

这里的 Origin 字段说明了请求源地址,采用了 OPTIONS 方法,然后发出请求的地址 Host
就是本机地址。下面是服务器的响应,但是没有发出实际请求

Django跨域资源共享问题(推荐)

然后,为了解决这一问题,我搜索过后,安装了django-cors-headers库,并且进行了配置,这里配置时我把django-cors-headers中间件放在了中间件第一位。再次访问同样的地址,结果如下:

Django跨域资源共享问题(推荐)

1.首先,浏览器检测访问的请求头中的字段,存在对 CORS 安全的首部字段集合之外的字段,所以,向服务器发送一个预检请求。上图可见,方法为 OPTIONS ,该方法不会对服务器资源产生影响。其中的请求头中的 Access-Control-Request-Method 字段表明实际请求会采用 GET 方法, Origin 表示请求源,会在服务器中接受验证。

2.验证通过后,会在 response 请求头添加不同的字段进行返回, 字段的意思如下:

  • 首部字段 Access-Control-Allow-Headers :表示服务器允许的头部字段。
  • 首部字段 Access-Control-Allow-Methods :表明服务器允许客户端使用 POST , GET 和 OPTIONS 等等方法发起请求。
  • 首部字段 Access-Control-Allow-Origin :表示服务器允许的请求源。
  • 首部字段 Access-Control-Max-Age :表明该响应的有效时间为86400秒,也就是24 小时。在有效时间内,浏览器无须为同一请求再次发起预检请求。

3.然后,客户端会发出实际请求,从结果上来看,预检请求的 response 请求体中没有任何信息,而实际请求则携带了服务器返回的信息。不难看出,预检请求确实就是与服务器提前沟通,获取与服务器相关信息的。

简单的总结

非简单请求需要发送预检请求进行判断,然后服务端与客户端需要在头部字段上达成一致,这样才能正常访问。不过,在django的开发中,直接使用django-cors-headers库以后,只需要简单的配置就能够很好的解决问题。

到此这篇关于Django跨域资源共享问题小结的文章就介绍到这了,更多相关django跨域资源共享内容请搜索三水点靠木以前的文章或继续浏览下面的相关文章希望大家以后多多支持三水点靠木!

Python 相关文章推荐
python网络编程之TCP通信实例和socketserver框架使用例子
Apr 25 Python
Python导出DBF文件到Excel的方法
Jul 25 Python
python用pickle模块实现“增删改查”的简易功能
Jun 07 Python
python获取外网IP并发邮件的实现方法
Oct 01 Python
python中requests爬去网页内容出现乱码问题解决方法介绍
Oct 25 Python
Python排序搜索基本算法之冒泡排序实例分析
Dec 09 Python
Python使用OpenCV进行标定
May 08 Python
python 实现将txt文件多行合并为一行并将中间的空格去掉方法
Dec 20 Python
Python DataFrame使用drop_duplicates()函数去重(保留重复值,取重复值)
Jul 20 Python
python 获取字典特定值对应的键的实现
Sep 29 Python
Matplotlib animation模块实现动态图
Feb 25 Python
解决jupyter notebook图片显示模糊和保存清晰图片的操作
Apr 24 Python
python为Django项目上的每个应用程序创建不同的自定义404页面(最佳答案)
Mar 09 #Python
Python模块相关知识点小结
Mar 09 #Python
Django操作session 的方法
Mar 09 #Python
Python装饰器用法与知识点小结
Mar 09 #Python
Django中的session用法详解
Mar 09 #Python
python实现引用其他路径包里面的模块
Mar 09 #Python
python+opencv边缘提取与各函数参数解析
Mar 09 #Python
You might like
CodeIgniter框架中_remap()使用方法2例
2014/03/10 PHP
CodeIgniter框架提示Disallowed Key Characters的解决办法
2014/04/21 PHP
php通过ajax实现双击table修改内容
2014/04/28 PHP
WordPress开发中自定义菜单的相关PHP函数使用简介
2016/01/05 PHP
PHP INT类型在内存中占字节详解
2019/07/20 PHP
求解开jscript.encode代码的asp函数
2007/02/28 Javascript
JS 建立对象的方法
2007/04/21 Javascript
客户端 使用XML DOM加载json数据的方法
2010/09/28 Javascript
jQuery 无刷新分页实例代码
2013/11/12 Javascript
jquerymobile局部渲染的各种刷新方法小结
2014/03/05 Javascript
详解javascript数组去重问题
2015/11/06 Javascript
5个最顶级jQuery图表类库插件【jquery插件库】
2016/05/05 Javascript
JS封装通过className获取元素的函数示例
2016/12/20 Javascript
vue.js实现仿原生ios时间选择组件实例代码
2016/12/21 Javascript
JavaScript mixin实现多继承的方法详解
2017/03/30 Javascript
Vue.js 中的 v-show 指令及用法详解
2018/11/19 Javascript
基于Proxy的小程序状态管理实现
2019/06/14 Javascript
vue中nextTick用法实例
2019/09/11 Javascript
[13:25]VP vs VICI (BO3)
2018/06/07 DOTA
[31:55]完美世界DOTA2联赛循环赛 IO vs GXR BO2第一场 11.04
2020/11/05 DOTA
python控制台中实现进度条功能
2015/11/10 Python
Python编程实现的简单Web服务器示例
2017/06/22 Python
使用Python爬了4400条淘宝商品数据,竟发现了这些“潜规则”
2018/03/23 Python
Window环境下Scrapy开发环境搭建
2018/11/18 Python
使用Python计算玩彩票赢钱概率
2019/06/26 Python
python-序列解包(对可迭代元素的快速取值方法)
2019/08/24 Python
python Event事件、进程池与线程池、协程解析
2019/10/25 Python
python 爬取疫情数据的源码
2020/02/09 Python
记录模型训练时loss值的变化情况
2020/06/16 Python
使用Python文件读写,自定义分隔符(custom delimiter)
2020/07/05 Python
PyTorch预训练Bert模型的示例
2020/11/17 Python
天巡全球:Skyscanner Global
2017/06/20 全球购物
英国皇家造币厂:The Royal Mint
2018/10/05 全球购物
中药专业大学生医药工作求职信
2013/10/25 职场文书
商场中秋节活动方案
2014/02/07 职场文书
go语言求任意类型切片的长度操作
2021/04/26 Golang