zoukankan      html  css  js  c++  java
  • django中解决跨域问题

    -跨域问题
    	-浏览器的:同源策略,浏览器拒绝不是当前域域返回的数据
    	-ip地址和端口号都相同才是同一个域
    	-如何解决:
    		-CORS:跨域资源共享
    		-简单请求:发一次请求
    		-非简单请求:非简单请求是发送了两次请求,第一次是预检请求(OPTIONS请求),当预检通过,允许我发请求,再发送真实的请求
    	-解决跨域问题:(写好这个中间件配置一下)
    		class MyCorsMiddle(MiddlewareMixin):
    			def process_response(self, request, response):
    				if request.method == 'OPTIONS':
    					# 允许它
    					response['Access-Control-Allow-Headers'] = 'Content-Type'
    					# obj['Access-Control-Allow-Headers']='*'
    
    					# obj['Access-Control-Allow-Origin']='http://127.0.0.1:8000'
    				response['Access-Control-Allow-Origin'] = '*'
    				return response
    	-别人写的cors-headers(了解一下)
    

    跨域问题

    因为浏览器的同源策略规定某域下的客户端在没明确授权的情况下,不能读写另一个域的资源。而在实际开发中,前后端常常是相互分离的,并且前后端的项目部署也常常不在一个服务器内或者在一个服务器的不同端口下。前端想要获取后端的数据,就必须发起请求,如果不做一些处理,就会受到浏览器同源策略的约束。后端可以收到请求并返回数据,但是前端无法收到数据。

    Django中处理跨域问题

    cors-headers模块

    pip3 install django-cors-headers
    
    INSTALLED_APPS = [
        ...
        'corsheaders',
        ...
     ] 
    
    MIDDLEWARE_CLASSES = (
        ...
        'corsheaders.middleware.CorsMiddleware',
        'django.middleware.common.CommonMiddleware', # 注意顺序
        ...
    )
    #跨域增加忽略
    CORS_ALLOW_CREDENTIALS = True
    CORS_ORIGIN_ALLOW_ALL = True
    CORS_ORIGIN_WHITELIST = (
        '*'
    )
    
    CORS_ALLOW_METHODS = (
        'DELETE',
        'GET',
        'OPTIONS',
        'PATCH',
        'POST',
        'PUT',
        'VIEW',
    )
    
    CORS_ALLOW_HEADERS = (
        'XMLHttpRequest',
        'X_FILENAME',
        'accept-encoding',
        'authorization',
        'content-type',
        'dnt',
        'origin',
        'user-agent',
        'x-csrftoken',
        'x-requested-with',
        'Pragma',
    )
    

    JWP

    在Django中的视图函数中写入数据

    def myview(_request): 
        response = HttpResponse(json.dumps({“key”: “value”, “key2”: “value”})) 
        response[“Access-Control-Allow-Origin”] = “*” 
        response[“Access-Control-Allow-Methods”] = “POST, GET, OPTIONS” 
        response[“Access-Control-Max-Age”] = “1000” 
        response[“Access-Control-Allow-Headers”] = “*” 
        return response
    
  • 相关阅读:
    洗牌算法
    Kindeditor JS 富文本编辑器图片上传指定路径
    【锋利的Jquery】读书笔记十一
    论JSON的重要性☞异步上传过程中data取多组值的方法
    【锋利的Jquery】读书笔记七
    【锋利的Jquery】读书笔记六
    关于jquery 1.9以上多次点击checkbox无法选择的
    【锋利的Jquery】读书笔记五
    【锋利的Jquery】读书笔记四
    一、SQL Server常用系统表
  • 原文地址:https://www.cnblogs.com/ruhai/p/11270442.html
Copyright © 2011-2022 走看看