django配置跨域并开发测试接口

1.创建一个测试项目

1.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:
// 允许携带cookie访问我
Access-Control-Allow-Credentials: true

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视图函数

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,
            'meg':'信息不全'
        }
        return JsonResponse(resp)
    if name=='zhangsan' and pwd=='1234':
        data={
            'code':0,
            'meg':'登陆成功',
            '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" }