码迷,mamicode.com
首页 > 其他好文 > 详细

后台Response和异常和日志封装,跨域问题,前后台交互

时间:2021-07-05 17:24:29      阅读:0      评论:0      收藏:0      [点我收藏+]

标签:知识点   导入   配置   prot   服务器   ack   信息   字段   file   

后台Response和异常和日志封装

1.在小luffyapi中新建utils包,包下创建response.py,代码如下

from rest_framework.response import Response


class APIResponse(Response):
    def __init__(self, code=1, msg=成功, result=None, status=None, headers=None, content_type=None, **kwargs):
        dic = {
            code: code,
            msg: msg

        }
        if result:
            dic[result] = result
        dic.update(kwargs)

        # 对象来调用对象的绑定方法,会自动传值
        super().__init__(data=dic, status=status, headers=headers, content_type=content_type)

        # 类来调用对象的绑定方法,这个方法就是一个普通函数,有几个参数就要传几个参数
        # Response.__init__(data=dic,status=status,headers=headers,content_type=content_type)

2.utils包下创建logger.py,代码如下

import logging

# log=logging.getLogger(‘名字‘) # 跟配置文件中loggers日志对象下的名字对应
log = logging.getLogger(django)

3.utils包下创建exceptions.py,代码如下

# 方法,加日志

from rest_framework.views import exception_handler
from .response import APIResponse
from .logger import log


def common_exception_handler(exc, context):
    log.error(view是:%s ,错误是%s % (context[view].__class__.__name__, str(exc)))
    # context[‘view‘]  是TextView的对象,想拿出这个对象对应的类名
    print(context[view].__class__.__name__)
    ret = exception_handler(exc, context)  # 是Response对象,它内部有个data

    if not ret:  # drf内置处理不了,丢给django 的,我们自己来处理
        # 好多逻辑,更具体的捕获异常
        if isinstance(exc, KeyError):
            return APIResponse(code=0, msg=key error)

        return APIResponse(code=0, msg=error, result=str(exc))
    else:
        return APIResponse(code=0, msg=error, result=ret.data)

4.封装logger,到settings文件夹dev.py中添加以下代码:

REST_FRAMEWORK = {
    EXCEPTION_HANDLER: luffyapi.utils.exceptions.common_exception_handler,
}

# 日志的配置
LOGGING = {
    version: 1,
    disable_existing_loggers: False,
    formatters: {
        verbose: {
            format: %(levelname)s %(asctime)s %(module)s %(lineno)d %(message)s
        },
        simple: {
            format: %(levelname)s %(module)s %(lineno)d %(message)s
        },
    },
    filters: {
        require_debug_true: {
            (): django.utils.log.RequireDebugTrue,
        },
    },
    handlers: {
        console: {
            # 实际开发建议使用WARNING
            level: DEBUG,
            filters: [require_debug_true],
            class: logging.StreamHandler,
            formatter: simple
        },
        file: {
            # 实际开发建议使用ERROR
            level: INFO,
            class: logging.handlers.RotatingFileHandler,
            # 日志位置,日志文件名,日志保存目录必须手动创建,注:这里的文件路径要注意BASE_DIR代表的是小luffyapi
            filename: os.path.join(os.path.dirname(BASE_DIR), "logs", "luffy.log"),
            # 日志文件的最大值,这里我们设置300M
            maxBytes: 300 * 1024 * 1024,
            # 日志文件的数量,设置最大日志数量为10
            backupCount: 100,
            # 日志格式:详细格式
            formatter: verbose,
            # 文件内容编码
            encoding: utf-8
        },
    },
    # 日志对象
    loggers: {
        django: {
            handlers: [console, file],
            propagate: True,  # 是否让日志信息继续冒泡给其他的日志处理系统
        },
    }
}

5.此时,运行项目后,记录的日志都会被记录子啊logs下的luffy.log

技术图片

 

 

 

二:跨域问题及解决

1.需要了解的知识点

①同源策略:请求的url地址,必须与浏览器上的url地址处于同域上,也就是域名、端口、协议相同
②CORS:跨域资源共享,允许不同的域来我的服务器拿数据
③CORS请求分成两类:简单请求(simple request)和非简单请求(not-so-simple request)

只要同时满足以下两大条件,就属于简单请求
(1) 请求方法是以下三种方法之一:
HEAD
GET
POST
(2)HTTP的头信息不超出以下几种字段:
Accept
Accept-Language
Content-Language
Last-Event-ID
Content-Type:只限于三个值application/x-www-form-urlencoded、multipart/form-data、text/plain

如果发送post请求,数据格式是json---》非简单请求,非简单请求发两次,一次OPTIONS请求,一次真正的请求

2.后端处理,开启cors,跨域资源共享

下载使用第三方:django-cors-headers

pip install django-cors-headers

3.注册app,到dev.pyINSTALLED_APPS中添加如下代码:

corsheaders,

4.添加中间件,到dev.pyMIDDLEWARE中添加如下代码:

要先注释掉:‘django.middleware.csrf.CsrfViewMiddleware‘,

corsheaders.middleware.CorsMiddleware,

5.到dev.py添加如下代码

CORS_ORIGIN_ALLOW_ALL = True
CORS_ALLOW_METHODS = (
    DELETE,
    GET,
    OPTIONS,
    PATCH,
    POST,
    PUT,
    VIEW,
)
CORS_ALLOW_HEADERS = (
    authorization,
    content-type,
)

三:前后台交互

1.打开vue项目,在终端输入如下代码,安装axios

cnpm install axios

2.在main.js中输入如下代码:

import axios from axios   //导入安装的axios
//相当于把axios这个对象放到了vue对象中,以后用  vue对象.$axios
Vue.prototype.$axios = axios;

技术图片

3.在Home.vue<script>中的export default中加入以下代码:

created() {
            this.$axios.get(http://127.0.0.1:8000/home/home/).then(response => {
                console.log(response.data)  //response.data才是真正后台返回的数据
            }).catch(errors => {
                console.log(errors)
            })
        },
  }

技术图片

 

后台Response和异常和日志封装,跨域问题,前后台交互

标签:知识点   导入   配置   prot   服务器   ack   信息   字段   file   

原文地址:https://www.cnblogs.com/ouyangjintao/p/14965393.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!