1.跨域原理

1. 首先瀏覽器安全策略限制js ajax跨域訪問伺服器

2. 如果伺服器返回的頭部資訊中有當前域:

// 允許 http://localhost:8080 這個網站開啟的頁面中的js訪問我
Access-Control-Allow-Origin: http://localhost:8080
// 允許攜帶cookie訪問我
Access-Control-Allow-Credentials: true

那麼,瀏覽器可以讓js 請求該伺服器

2.django cors設定:

1. 安裝包
pip install django-cors-headers
2. 註冊應用
INSTALLED_APPS = [
...
# 新增 django-cors-headers 使其可以進行 cors 跨域
'corsheaders'
]
3. 新增中介軟體
MIDDLEWARE = [
# 放在中介軟體第一個
'corsheaders.middleware.CorsMiddleware',...
]
4. 設定
# CORS跨域請求白名單設定
CORS_ORIGIN_WHITELIST = (
'http://127.0.0.1:8080','http://localhost:8080',)
CORS_ALLOW_CREDENTIALS = True # 允許攜帶cookie

3.登入介面測試

3.1 user/usrs.py 中配置路由

urlpatterns = [
path('login/',views.login),]

3.2 user/views.py 中寫一個login檢視函式

from django.http import JsonResponse
import json
def login(request):
　　body_dict = json.loads( request.body )
　　print(body_dict,8888888)
　　name = body_dict.get('name')
　　pwd = body_dict.get('pwd')
　　if not all([name,pwd]):
　　　　resp = {
　　　　"code": 1001,　　　　"msg": '資訊不全'
　　　　}
　　　　return JsonResponse(resp)
　　if name == 'zhangsan' and pwd == '123456':
　　　　resp = {
　　　　　　"code": 0,　　　　　　"msg": '登入成功',　　　　　　"data": {
　　　　　　"id": 1,　　　　　　"name": '張三',　　　　　　"age": 18
　　　　　　}
　　　　}
　　　　return JsonResponse(resp)
　　return JsonResponse({
　　　　"code": 1002,　　　　"msg": '驗證失敗'
　　})

3.3 測試介面

1http://192.168.56.100:8888/user/login/

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支援我們。