本站消息

站长简介/公众号


站长简介:高级工程师,爱好交友,无偿辅导python和前端,技术交流,面试指导,找工作指导,瞎聊都可加我微信i88811i哈,欢迎欢迎!也欢迎加入程序员交流群,专属程序员的圈子,加我微信拉你进群.欢迎关注我的微信公众号:程序员总部,程序员的家,探索程序员的人生之路!分享IT最新技术,关注行业最新动向,让你永不落伍。了解同行们的工资,生活工作中的酸甜苦辣,谋求程序员的最终出路!

  价值13000svip视频教程,python大神匠心打造,零基础python开发工程师视频教程全套,基础+进阶+项目实战,包含课件和源码

  出租广告位,需要合作请联系站长

+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

2021-05(7)

2021-06(10)

has been blocked by CORS policy: NO 'Access-Control-Allow-Origin' header is present on the reauested

发布于2019-08-21 14:19     阅读(8727)     评论(0)     点赞(26)     收藏(1)



一、软件环境

Django + DRF
VUE

报错信息:
has been blocked by CORS policy: NO 'Access-Control-Allow-Origin' header is present on the reauested resource.


二、同源策略

1、浏览器的同源策略

浏览器发现ip或端口是不一样的,就会认为存在风险,会进行拦截。
除非后端告诉浏览器允许。

2、简单请求和复杂请求

HTTP方法是下列方法之一
  HEAD, GET,POST
HTTP头信息不超出以下几种字段
  Accept, Accept-Language, Content-Language, Last-Event-ID
  Content-Type只能是下列类型中的一个
    application/x-www-from-urlencoded
    multipart/form-data
    text/plain
任何一个不满足上述要求的请求,即是简单请求。
任何一个不满足,即会被认为是复杂请求~~
两者区别:复杂请求会先发出一个预请求,我们也叫预检,OPTIONS请求
预检的话,请求发出前就会被拦截。

所以drf发送json数据,就是复杂请求。

三、添加响应头解决跨域

解决思路就是告诉浏览器:不进行拦截

这里是django后端,实现如下:

Django 中间件加响应头

MIDDLEWARE = [
    ...
    'middlewares.Mycors',
]   
  • 1
  • 2
  • 3
  • 4

middlewares/Mycors.py

from django.utils.deprecation import MiddlewareMixin

class MyCors(MiddlewareMixin):
    def process_response(self, request, response):
        response["Access-Control-Allow-Origin"] = "*"
        if request.method == "OPTIONS":
            response["Access-Control-Allow-Headers"] = "Content-Type"
            response["Access-Control-Allow-Methods"] = "DELETE, PUT, POST"
        return response
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

站长简介:高级工程师,爱好交友,无偿辅导python和前端,技术交流,面试指导,找工作指导,瞎聊都可加我微信i88811i哈,欢迎欢迎!也欢迎加入程序员交流群,专属程序员的圈子,加我微信拉你进群
欢迎关注我的公众号:程序员总部,关注公众号回复python,免费领取 全套python视频教程,关注公众号回复充值+你的账号,免费为您充值1000积分







所属网站分类: 技术文章 > 博客

作者:239289

链接:https://www.pythonheidong.com/blog/article/50465/aec6f66458fbe2a16f7d/

来源:python黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

26 0
收藏该文
已收藏

评论内容:(最多支持255个字符)