zoukankan      html  css  js  c++  java
  • django配置跨域并开发测试接口

    1.跨域原理

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

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

    // 允许 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 # 允许携带

    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 测试接口

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

  • 相关阅读:
    getline函数
    Java获取某年某月的第一天
    计划任务中使用NT AUTHORITYSYSTEM用户和普通管理员用户有什么差别
    Windows 7系统安装MySQL5.5.21图解
    C#高性能大容量SOCKET并发(十一):编写上传client
    Linux 终端訪问 FTP 及 上传下载 文件
    完毕port(CompletionPort)具体解释
    ping不通的几种可能原因
    Apple Swfit UI控件实现
    js中取session的值
  • 原文地址:https://www.cnblogs.com/nbzyf/p/13751320.html
Copyright © 2011-2022 走看看