Django实现跨域请求过程详解

脚本专栏 2024/10/1 佚名

2 0 1

神剑山庄资源网 Design By www.hcban.com

前言

CORS 即 Cross Origin Resource Sharing 跨域资源共享.

跨域请求分两种：简单请求、复杂请求.

简单请求

简单请求必须满足下述条件.

HTTP方法为这三种方法之一：HEAD、GET、POST

HTTP头消息不超出以下字段：

Accept、Accept-Language、Content-Language、Last-Event-ID

且Content-Type只能为下列类型中的某一个：

application/x-www-from-urlencoded
multipart/form-data
text/plain.

==任何不满足上述要求的请求，都会被认为是复杂请求.

复杂请求会先发出一个预请求——预检，OPTIONS请求.==

浏览器的同源策略

无法跨域就是被浏览器的同源策略限制的.

也就是说，==浏览器会阻止非同源的请求.==

那什么是非同源呢？==域名或端口不同的，都属于非同源.==

==浏览器只会阻止表单以及Ajax请求的跨域，但不会阻止src请求跨域.==

所以，我们的cdn、图片等src请求都是正常的.

JsonP实现跨域

==JsonP跨域的原理是利用了浏览器不阻止src请求跨域来实现的.==

==JsonP只能实现GET请求跨域.==

首先准备我们的视图文件

from django.http import HttpResponse
from rest_framework.views import APIView

class TestView(APIView):
  def get(self, request):
    return HttpResponse("handlerResponse('is ok')")
    # 注意返回的函数以及参数的格式

然后 HTML文件

<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <title>JsonP跨站请求测试</title>
</head>
<body>
<script>
  // 函数名应为handlerResponse，这是一种约定俗成
  function handlerResponse(data) {
    alert(data)
  }
</script>
<!--必须放在被执行函数的script标签的下面，否则会报错函数不存在-->
<script src="/UploadFiles/2021-04-08/">

好了 我们来测试吧





可以看到，我们成功实现了跨域获取数据.
JsonP解决跨域只能发送GET请求，并且实现起来前后端交互会比较多，现在几乎已经不在使用了


在Django中间件中添加响应头


可实现简单请求和复杂请求的跨域
第一步 准备中间件


from django.utils.deprecation import MiddlewareMixin

class MyCors(MiddlewareMixin):
  def process_response(self, request, response):
    # 如下，等于'*'后，便可允许所有简单请求的跨域访问
    response['Access-Control-Allow-Origin'] = '*'

    # 判断是否为复杂请求
    if request.method == 'OPTIONS':
      response['Access-Control-Allow-Headers'] = 'Content-Type'
      response['Access-Control-Allow-Methods'] = 'PUT,PATCH,DELETE'

    return response


写好之后，别忘记了去注册.
第二步 视图文件


from django.http import HttpResponse
from rest_framework.views import APIView

class TestView(APIView):
  def get(self, request):
    return HttpResponse("这是GET请求的数据")
  def post(self, request):
    return HttpResponse("这是POST请求的数据")
  def put(self, request):
    return HttpResponse("这是PUT请求的数")


第三步 HTML文件


<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <script src="/UploadFiles/2021-04-08/jquery.min.js">

测试效果如下





可见，我们实现了复杂请求的跨域，简单请求就更不用说了.
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。

django,实现,跨域请求

标签：

django,实现,跨域请求

神剑山庄资源网 Design By www.hcban.com

神剑山庄资源网 免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

神剑山庄资源网 Design By www.hcban.com

评论“Django实现跨域请求过程详解”

暂无Django实现跨域请求过程详解的评论...

www.hcban.com 神剑山庄资源网

139,976影音资源

144,792福利资源

21,817软件资源

631,128技术资源

稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！

昨天有一位朋友在大神群里分享，自己亚服账号被封号之后居然弹出了国服的封号信息对话框。

这里面让他访问的是一个国服的战网网址，com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后，确实是网易的网址，也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情，因为以前都没有出现这样的情况，现在突然提示跳转到国服战网的网址，是不是说明了简体中文客户端已经开始进行更新了呢？

更新日志

2024年10月01日

Django实现跨域请求过程详解

django,实现,跨域请求

python flask几分钟实现web服务的例子

解决python flask中config配置管理的问题

评论“Django实现跨域请求过程详解”

稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！

更新日志

友情链接