restful 跨域

同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能.

就浏览器而言的, http://127.0.0.1:8000 协议域名端口

跨域 问题//

简单请求跨域    S1项目      127.0.0.1:8000
from django.shortcuts import render
from django.http import JsonResponse

def test(request):
    return render(request,'index.html')

def books(request):
    l1 = ['方法','炼钢','铁男']
    return JsonResponse(l1,safe=False)  # 非字典模式
-------------------------------------------
from django.conf.urls import url
from django.contrib import admin
from app01 import views
urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^books/', views.books),
    url(r'^test/', views.test),
]
--------------------------------------
#  python 脚本  tests.py  运行不受影响
import requests
import json
a= requests.get('http://127.0.0.1:8001/books/')
print(json.loads(a.content))

-- 页面代码 --
<body>
<button id="sub"> ajax请求数据</button>
</body>
<script src="https://cdn.bootcss.com/jquery/3.4.0/jquery.min.js"></script>

<script>
  $("#sub1").click(function () {
        $.ajax({

            // url:'/books/',  访问自己的就是同源
            url: ' http://127.0.0.1:8001/books/',  //访问其他服务器的路由就是非同源
            type: 'get',
            success: function (response) {
                console.log(response);

            }

        })
    })
</script>

-- S2 项目  127.0.0.1:8001

-- views.py -- 
from django.shortcuts import render
from django.http import  JsonResponse
def books(request):
    ll = ['基金','故事','大厦']
    ret = JsonResponse(ll,safe=False)
    ret['Access-Control-Allow-Origin']  = '*' # 响应头  *是所有的地址  协议域名端口
    

    return  ret  # 非字典

-------------------------------------
-- urls.py  -- 
from django.conf.urls import url
from django.contrib import admin
from app01 import views

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'^books/',views.books),
]

简单请求

(1)HEAD GET POST 三选一

(2)http 请求头信息只在以下字段里面:

Accept
Accept-Language
Content-Language
Last-Event-ID
Content-Type：只限于三个值application/x-www-form-urlencoded、multipart/form-data、text/plain，也就是说，
如果你发送的application/json格式的数据，那么肯定是非简单请求，vue的axios默认的请求体信息格式是json的，ajax默认是
urlencoded的。

复杂请求

S1 -- 页面改变

<body>
<button id="sub"> ajax请求数据</button>
</body>
<script src="https://cdn.bootcss.com/jquery/3.4.0/jquery.min.js"></script>

<script>
    $("#sub").click(function () {
        $.ajax({

            // url:'/books/',
            url: ' http://127.0.0.1:8001/books/',
           // type: 'post',
            type: 'put',
            headers:{a:1},
            contentType:'application/json',
            data:JSON.stringify(({'name':'chao'})),
            success: function (response) {
                console.log(response);

            }

        })
    })
</script>

S2项目 views.py改变

from django.shortcuts import render
from django.http import  JsonResponse

def books(request):
    ll = ['基金','故事','大厦']
    ret = JsonResponse(ll,safe=False)
    ret['Access-Control-Allow-Origin']  = '*' # 响应头  *是所有的地址  协议域名端口
    ret['Access-Control-Allow-Headers'] = '*'  #'content-type,a'
    ret['Access-Control-Allow-Methods'] = '*'   #'PUT'

    return  ret  # 非字典

　支持跨域，简单请求

　　　　服务器设置响应头：Access-Control-Allow-Origin = '域名' 或 '*'

　　支持跨域，复杂请求

　　　　由于复杂请求时，首先会发送“预检”请求，如果“预检”成功，则发送真实数据。

　　　　　　“预检”请求时，允许请求方式则需服务器设置响应头：Access-Control-Request-Method

　　　　　　“预检”请求时，允许请求头则需服务器设置响应头：Access-Control-Request-Headers