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

作者:周晓楠 时间:2022-03-20 21:29:08 

1.跨域原理

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

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


// 允许 http://localhost:8080 这个网站打开的页面中的js访问我
Access-Control-Allow-Origin: http://localhost:8080
// 允许携带cookie访问我
Access-Control-Allow-Credentials: true

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

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

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/

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

来源:https://www.cnblogs.com/ngngng/p/13770985.html

标签:django,跨域,测试,接口
0
投稿

猜你喜欢

  • python和opencv实现抠图

    2023-12-13 20:43:33
  • MySQL 删除大表的性能问题解决方案

    2024-01-18 22:20:31
  • vue2.0 解决抽取公用js的问题

    2024-05-28 15:59:28
  • Asp包含文件include动态包含方法(含变量)

    2010-01-14 20:12:00
  • 弹出对话框,点击跳出一个可拖动的层(对话框)

    2009-09-07 12:56:00
  • 深入理解Python虚拟机中元组(tuple)的实现原理及源码

    2022-07-12 14:14:21
  • Python如何实现的二分查找算法

    2021-10-22 18:39:30
  • 解决使用export_graphviz可视化树报错的问题

    2022-06-10 18:35:59
  • python实现网页录音效果

    2022-03-19 08:07:15
  • 设计提升满意度

    2010-05-16 15:00:00
  • Python多进程的使用详情

    2022-09-21 23:55:58
  • python清除函数占用的内存方法

    2021-10-29 19:15:47
  • 详解python之多进程和进程池(Processing库)

    2022-07-18 23:23:58
  • mysql性能的检查和调优方法

    2009-05-17 09:21:00
  • Javascript中数组方法汇总(推荐)

    2023-07-16 08:33:02
  • linux centos 7.x 安装 python3.x 替换 python2.x的过程解析

    2021-11-27 02:46:43
  • SQL左连接和右连接原理及实例解析

    2024-01-21 20:35:39
  • vue如何使用formData传递文件类型的数据

    2024-04-30 10:33:24
  • ACCESS入门教程:窗口和菜单的使用

    2008-01-03 20:15:00
  • document.styleSheets[0].disabled

    2024-06-07 15:58:37
  • asp之家 网络编程 m.aspxhome.com