出现 has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on the 解决方法

最新推荐文章于 2024-08-15 23:32:43 发布
最新推荐文章于 2024-08-15 23:32:43 发布
阅读量6.7k 收藏
点赞数 3
分类专栏： BUG 文章标签： Python Bug CORS 跨源
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47872288/article/details/139377735
版权
本文介绍了在执行Python代码时遇到的CORS政策错误，详细解析了CORS的原理和浏览器的安全限制。主要内容包括错误表现、同源策略解释以及跨源资源共享（CORS）机制。解决方法包括在服务器端添加Access-Control-Allow-Origin头部或在前端使用Webpack DevServer代理。针对Python接口，推荐使用CORS包进行配置。
摘要由CSDN通过智能技术生成

目录

1. 问题所示

执行代码的时候出现如下提示：

Access to XMLHttpRequest at 'http://127.0.0.1:5000/api/data' from origin 'http://10.197.0.79:8080' has been 
blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

截图如下所示：

在这里插入图片描述

2. 原理分析

错误信息表明浏览器阻止了来自不同源（Cross-Origin）的HTTP请求

由于跨源资源共享（CORS）策略的限制
CORS是一种浏览器安全机制，限制网页脚本能够

了解本专栏 订阅专栏 解锁全文 超级会员免费看
码农研究僧
关注
专栏目录
订阅专栏
正确解决No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的有效解决方法
wbajsjhhhhh的博客
05-03 9023
正确解决No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的有效解决方法
解决跨域问题 has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present
unber的博客
09-14 2006
前端页面设置；由于跨域， 画布被污染，不能调用 toBlob(), toDataURL() 或 getImageData() 方法，调用它们会抛出安全错误。然而这种解决方法只可以解决你自己服务器的问题，你总不能去微信或其他第三方服务器添加请求头吧。项目需要拉取用户的头像，而linkedin和微信的头像存放于cdn中，这边涉及到的跨域问题。
CORS policy: ***No ‘Access-Control-Allow-Origin‘ header is present on the requested resource 跨域的解决办法
最新发布
Spring Boot-Common On With You
08-15 1000
跨域指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对javascript施加的安全限制。
解决浏览器跨域问题 “has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on th
m0_50671318的博客
08-20 2万+
解决浏览器跨域问题 “has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource” 服务端用的node，前端发送请求时候报错。 CORS是浏览器限制js的，大概意思是，cors只支持http，https等协议，我们这里用的是本地服务，所以不支持。 解决：在服务端添加一个响应头( 这个是node的写法，其他语言有自己的写法) res.set(“Acc
vue用axios进行token请求出现has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header的解决方案
FHlang的博客
04-16 4000
遇到的问题 Access to XMLHttpRequest at ‘http://localhost:8081/order/no’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource. 翻译：通过CORS策略已阻止从源"http:// localhost:8080"
Postwoman跨域问题 has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present
hsuan_CSDN的博客
09-01 3784
Postwoman跨域问题 has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present 在使用postwoman过程中用平时访问postman的流程走了一遍，结果出现说 has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: No ‘Access-Control-
跨域问题 has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is
热门推荐
weixin_44100313的博客
09-07 15万+
错误信息 has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. 意思是：cors阻止了你请求的资源（跨域问题）； 解决方法: spring项目在相应方法上加上这个注解 @CrossOrigin 这样这个错误就解决了。希望可以有所帮助！ ...
has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on the requested
skywayq的博客
07-26 6709
has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested
has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested
weixin_43803924的博客
03-18 1万+
用vue-cli搭建的项目，运行了一下就报了这个错。字面意思就是这个请求被CORS锁住了，缺少一个请求头“Access-Control-Allow-Origin”。这个请求头是CORS的重要点，这就以为这遇上了跨域的问题啦。 之前造成问题的axios代码： const url="http://www.a-bm.cn/chanpin-0_p0.html" this.$axios({...
corsyusha:简单快速的代理，可在针对现有API进行原型设计时绕过CORS问题，而不必担心CORS
04-30
Corsyusha-本地CORS代理 描述 简单，快速（在代理的基础上构建，可以在针对现有API进行原型设计时绕过问题，而不必担心CORS 构建该模块是为了解决出现以下错误的问题： ... has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled. 安装 npm install -g corsyusha # or yarn global add corsyusha 测验 yarn test:j
has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present---nginx工作笔记006
添柴程序猿的专栏
07-09 1709
关于跨域的问题,是老生常谈了....这回又出现了... 不过这个跨域问题是可以在nginx中配置解决了: 直接看nginx.conf配置文件把: 下面的: charset utf-8; add_header Access-Control-Allow-Origin *; add_header Access-Control-Allow-Headers Origin,X-Requested-Width,Content-Type,Accept; 这一部分就是...
has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is
weixin_33907511的博客
04-05 1万+
问题：在本地pycharm上跑没问题，部署到服务器上就发现表单提交没反应了，取出火狐调试发现出现如下错误，大概意思是被服务器端同源策略拦截导致，因为项目是前后端分离开发，所以服务器会判断前端属于跨域请求。 解决方法： 在配置文件中添加如下两个参数： CORS_ORIGIN_ALLOW_ALL = True #允许所有源访问（如果不需要允许全部，可以设置CORS_ORIGIN_WHI...
解决前后端跨域报错：has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘
wsaicyj的博客
11-11 2万+
来自一个IP端口的页面（前端项目），要访问另一个IP端口的资源（springboot请求接口），会产生跨域访问。
跨域请求被拦截问题——has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on...
weixin_43660476的博客
03-20 3万+
在开发前后端分离的项目时，必须解决的一个问题就是跨域请求问题。 1 什么是跨域请求 跨域请求就是指：当前发起请求的域与该请求指向的资源所在的域不同时的请求。即“协议 + 域名 + 端口号” 有不相同，那么就是跨域。 例如，如下在开发中遇到的跨域请求被拦截问题。 前端的端口是8080，而后端的端口是8000，前端请求后端的时后端会检查request的origin，发现是8080，跟自己的8000不一致，就会有跨域拦截。 跨域请求问题可以在前端解决，也可以在后端解决。 1）前端的解决方法——使用正向代理，隐藏
has been blocked by CORS policy: NO 'Access-Control-Allow-Origin' header is present on the reauested
人生就是一场修行
07-23 2万+
软件环境 Django + DRF VUE 同源策略 浏览器的同源策略， 浏览器发现ip或端口是不一样的，就会认为存在风险，会进行拦截。 除非后端告诉浏览器允许。 简单请求和复杂请求 HTTP方法是下列方法之一 　　HEAD， GET，POST HTTP头信息不超出以下几种字段 　　Accept， Accept-Language， Content-Language， Last-Event-I...
has been blocked by CORS policy: No Access-Control-Allow-Origin header is present on the requested resource.
08-26
这个错误信息说明在发送请求时，服务器返回的响应头中没有包含Access-Control-Allow-Origin字段，导致浏览器拒绝接受该响应。这是由于跨域访问(Cross-Origin Resource Sharing，CORS)的限制所引起的。 为了解决这个问题，可以添加一个名为CorsConfig的配置类，其中配置了允许跨域访问的规则。具体做法是使用addCorsMappings方法将允许跨域访问的规则添加到CorsRegistry中，可以设置allowedOriginPatterns为"*"，表示允许来自所有域的请求；allowedHeaders设置为CorsConfiguration.ALL，表示允许所有请求头；allowedMethods设置为CorsConfiguration.ALL，表示允许所有请求方法；allowCredentials设置为true，表示允许发送身份验证信息；maxAge设置为3600，表示设置响应缓存的最大时间。通过这个配置类，服务器会在响应头中添加Access-Control-Allow-Origin字段，从而允许跨域访问。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on the ...](https://blog.csdn.net/qq_45800640/article/details/118422632)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *2* [corsyusha:简单快速的代理，可在针对现有API进行原型设计时绕过CORS问题，而不必担心CORS](https://download.csdn.net/download/weixin_42176612/18261495)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] - *3* [解决前后端跨域报错：has been blocked by CORS policy: No ‘Access-Control-Allow-Origin](https://blog.csdn.net/wsaicyj/article/details/127814374)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 33.333333333333336%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

码农研究僧

你的鼓励将是我创作的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值