這篇文章給大家分享的是有關(guān)django實(shí)現(xiàn)跨域請求的方法有哪些的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考。一起跟隨小編過來看看吧。

成都創(chuàng)新互聯(lián)公司于2013年成立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都網(wǎng)站建設(shè)、做網(wǎng)站網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢想脫穎而出為使命，1280元城關(guān)做網(wǎng)站,已為上家服務(wù),為城關(guān)各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:18980820575

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

跨域請求分兩種：簡單請求、復(fù)雜請求.

簡單請求

簡單請求必須滿足下述條件.

HTTP方法為這三種方法之一：HEAD、GET、POST

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

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

且Content-Type只能為下列類型中的某一個(gè)：

application/x-www-from-urlencodedmultipart/form-datatext/plain.

==任何不滿足上述要求的請求，都會(huì)被認(rèn)為是復(fù)雜請求.

復(fù)雜請求

會(huì)先發(fā)出一個(gè)預(yù)請求——預(yù)檢，OPTIONS請求.==

瀏覽器的同源策略

無法跨域就是被瀏覽器的同源策略限制的.

也就是說，==瀏覽器會(huì)阻止非同源的請求.==

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

==瀏覽器只會(huì)阻止表單以及Ajax請求的跨域，但不會(huì)阻止src請求跨域.==

所以，我們的cdn、圖片等src請求都是正常的.

JsonP實(shí)現(xiàn)跨域

==JsonP跨域的原理是利用了瀏覽器不阻止src請求跨域來實(shí)現(xiàn)的.==

==JsonP只能實(shí)現(xiàn)GET請求跨域.==

首先 準(zhǔn)備我們的視圖文件

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

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

然后html文件

可以看到，我們成功實(shí)現(xiàn)了跨域獲取數(shù)據(jù).

JsonP解決跨域只能發(fā)送GET請求，并且實(shí)現(xiàn)起來前后端交互會(huì)比較多，現(xiàn)在幾乎已經(jīng)不在使用了

在Django中間件中添加響應(yīng)頭

可實(shí)現(xiàn)簡單請求和復(fù)雜請求的跨域

第一步 準(zhǔn)備中間件

from django.utils.deprecation import MiddlewareMixin

class MyCors(MiddlewareMixin):
  def process_response(self, request, response):
    # 如下，等于'*'后，便可允許所有簡單請求的跨域訪問
    response['Access-Control-Allow-Origin'] = '*'

    # 判斷是否為復(fù)雜請求
    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請求的數(shù)據(jù)")
  def post(self, request):
    return HttpResponse("這是POST請求的數(shù)據(jù)")
  def put(self, request):
    return HttpResponse("這是PUT請求的數(shù)")

第三步 HTML文件

  
  


點(diǎn)擊發(fā)送跨站請求

測試效果如下

感謝各位的閱讀！關(guān)于django實(shí)現(xiàn)跨域請求的方法有哪些就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，讓大家可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到吧！