02.django配置跨域并开发测试接口
阅读原文时间:2022年06月23日阅读:1

1.创建一个测试项目

1.1 创建项目和APP

'''1.创建项目和APP'''

django-admin startproject BookManage   # 创建项目

python manage.py startapp books     # 创建APP

'''2.在settings中注册books模型'''

INSTALLED_APPS = [

  'books.apps.BooksConfig'

]

# 注:pycharm无法联想,需要把apps文件夹设置为源根

'''3.urls.py中添加路由'''

urlpatterns = [

  path('books/', include('books.urls')),

]

'''4.books/urls.py中添加子路由'''

from django.urls import path

urlpatterns = [

]

2.配置跨域

2.1 跨域原理

1. 首先浏览器安全策略限制js ajax跨域访问服务器

2. 如果服务器返回的头部信息中有当前域:

// 允许 http://localhost:8080 这个网站打开的页面中的js访问我

Access-Control-Allow-Origin: http://localhost:8080

// 允许携带cookie访问我

Access-Control-Allow-Credentials: true

那么, 浏览器可以让js 请求该服务器

2.2 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 urls.py 中配置路由

urlpatterns = [

  path('login/', views.login),

]

3.2 user/views.py 中写一个login视图函数

from django.http import JsonResponse

import json

def login(request):

  body_json = request.body.decode()

  body_dict = json.loads(body_json)

  name = body_dict.get('name')

  pwd = body_dict.get('pwd')

  if not all([name, pwd]):

    resp = {

      "code": 999,

      "msg": '信息不全'

    }

    return JsonResponse(resp)

if name == 'zhangsan' and pwd == '1234':

  data = {

    "code": 0,

    "msg": '登录成功',

    "data": {

      "id": 1,

      "name": '张三',

      "age": 18

    }

  }

  resp = JsonResponse(data)

  return resp

else:

  data = {

    "code": 999,

    "msg": '用户名密码不正确'

  }

  resp = JsonResponse(data)

  return resp

3.3 测试接口

http://127.0.0.1:8000/login/

{

  "name":"zhangsan",

  "pwd":"1234"

}