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实现sublime3的less编译插件示例
Apr 27 Python
在Python中使用Neo4j数据库的教程
Apr 16 Python
Python找出9个连续的空闲端口
Feb 01 Python
python如何通过protobuf实现rpc
Mar 06 Python
从局部变量和全局变量开始全面解析Python中变量的作用域
Jun 16 Python
Python基于pillow判断图片完整性的方法
Sep 18 Python
python 把数据 json格式输出的实例代码
Oct 31 Python
深入理解Python单元测试unittest的使用示例
Nov 18 Python
python使用phoenixdb操作hbase的方法示例
Feb 28 Python
详解python中@的用法
Mar 27 Python
Python实现的服务器示例小结【单进程、多进程、多线程、非阻塞式】
May 23 Python
使用python库xlsxwriter库来输出各种xlsx文件的示例
Sep 01 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
PHP VS ASP
2006/10/09 PHP
输入值/表单提交参数过滤有效防止sql注入的方法
2013/12/25 PHP
ThinkPHP框架安全实现分析
2016/03/14 PHP
PHP实现的基于单向链表解决约瑟夫环问题示例
2017/09/30 PHP
PHP获取日期对应星期、一周日期、星期开始与结束日期的方法
2018/06/22 PHP
js实现可拖动DIV的方法
2013/12/17 Javascript
javascript实时显示当天日期的方法
2015/05/20 Javascript
jQuery通过写入cookie实现更换网页背景的方法
2016/04/15 Javascript
聊一聊JavaScript作用域和作用域链
2016/05/03 Javascript
Angular.js 实现数字转换汉字实例代码
2016/07/14 Javascript
AngularJS中isolate scope的用法分析
2016/11/22 Javascript
jQuery实现点击关注和取消功能
2017/07/03 jQuery
AngularJS 中ui-view传参的实例详解
2017/08/25 Javascript
vue mint-ui 实现省市区街道4级联动示例(仿淘宝京东收货地址4级联动)
2017/10/16 Javascript
简单的Vue SSR的示例代码
2018/01/12 Javascript
详解Webstorm 下的Angular2.0开发之路(图文)
2018/12/06 Javascript
D3.js(v3)+react 实现带坐标与比例尺的柱形图 (V3版本)
2019/05/09 Javascript
vue-cli脚手架打包静态资源请求出错的原因与解决
2019/06/06 Javascript
Websocket 向指定用户发消息的方法
2020/01/09 Javascript
python使用pyhook监控键盘并实现切换歌曲的功能
2014/07/18 Python
python的tkinter布局之简单的聊天窗口实现方法
2014/09/03 Python
selenium+python截图不成功的解决方法
2019/01/30 Python
Python实现的文轩网爬虫完整示例
2019/05/16 Python
Django model update的多种用法介绍
2020/03/28 Python
简单了解django索引的相关知识
2019/07/17 Python
CSS3正方体旋转示例代码
2013/08/08 HTML / CSS
资生堂美国官网:Shiseido美国
2016/09/02 全球购物
Stuarts London美国/加拿大:世界领先的独立男装零售商之一
2019/03/18 全球购物
社团文化节策划书
2014/02/01 职场文书
大学生创业策划书
2014/02/02 职场文书
销售经理竞聘书
2014/03/31 职场文书
商业项目策划方案
2014/06/05 职场文书
房屋维修协议书范本
2014/09/25 职场文书
《称赞》教学反思
2016/02/17 职场文书
Python的三个重要函数详解
2022/01/18 Python
MySQL使用IF语句及用case语句对条件并结果进行判断 
2022/09/23 MySQL