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

Z时代
2024-01-10
分类：综合

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": '验证失败'
　　})