Access-Control-Allow-Origin‘ header is present on the requested resource. 阿里云对象存储跨域请求解决办法

于 2024-09-11 23:32:16 发布
阅读量58 收藏
点赞数
分类专栏： Spring Cloud 进阶之路 Vue_Js Java 文章标签： 阿里云 云计算 Spring Boot Spring Cloud vue.js VUE 对象存储
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Hello_World_QWP/article/details/141958554
版权
Spring Cloud 进阶之路 同时被 3 个专栏收录
26 篇文章 69 订阅 ¥9.90 ¥99.00
订阅专栏
Java
75 篇文章 6 订阅
订阅专栏
Vue_Js
20 篇文章 3 订阅
订阅专栏

问题概述

关于这个问题，是在管理平台中，对接阿里的存储对象API接口时遇见的，

前端请求后端，获取签名

前端利用签名，通过 存储对象 的前端URL上传

上传时出现跨域的情况，

has been blocked by CORS policy: Response to preflight request doesn't pass access control

No 'Access-Control-Allow-Origin' header is present on the requested resource.

如下图：

解决办法

关于这个问题，其实很简单，在这里记录一下，供参考！

本身在进行阿里的对象存储时，Post请求&#x

了解本专栏 订阅专栏 解锁全文
Hello_World_QWP
关注
专栏目录
订阅专栏
正确解决No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的有效解决方法
wbajsjhhhhh的博客
05-03 9095
正确解决No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的有效解决方法
解决No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.跨域问题（后台(java)解决方法）
年少不知曲中意,再听已是曲终人
06-02 3904
解决No 'Access-Control-Allow-Origin' header is present on the requested resource.跨域问题（后台(java)解决方法）
java、ajax 跨域请求解决方案（'Access-Control-Allow-Origin' header is present on the requested resource. Origin...
weixin_30776863的博客
09-29 1154
1.情景展示 　　ajax调取java服务器请求报错 　　报错信息如下： 　　'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. 　　但是，请求状态却是成功：200，这是...
已解决：前后端跨域问题No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
最新发布
屿小夏.的知识博客
08-27 1621
解决跨域问题有多种方法，本文介绍了两种常见的方法：后端配置CORS和前端设置代理。具体使用哪种方法，取决于项目的实际需求和架构设计。在实际开发中，建议综合考虑安全性、性能和维护成本，选择最合适的解决方案。
ajax跨域处理 No 'Access-Control-Allow-Origin' header is present on the requested resource 问题
weixin_30820151的博客
08-22 715
Controller层的类上增加@CrossOrign注解，当前文件的所有接口就都可以被调用 spring注解@CrossOrigin不起作用的原因 1、是springMVC的版本要在4.2或以上版本才支持@CrossOrigin 2、非@CrossOrigin没有解决跨域请求问题，而是不正确的请求导致无法得到预期的响应，导致浏览器端提示跨域问题。 3、在Controlle...
js跨域访问，No ‘Access-Control-Allow-Origin‘ header is present on
weixin_30315435的博客
07-29 2424
在本地用ajax跨域访问请求时报错： XMLHttpRequest cannot loadhttp://www.zjblogs.com/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. ...
跨域 No 'Access-Control-Allow-Origin' header is present on the requested resource.
热门推荐
小花生编程
01-13 18万+
什么是跨域访问 在A网站中，我们希望使用Ajax来获得B网站中的特定内容。如果A网站与B网站不在同一个域中，那么就出现了跨域访问问题。你可以理解为两个域名之间不能跨过域名来发送请求或者请求数据，否则就是不安全的。跨域访问违反了同源策略， 同源策略规定，浏览器的ajax只能访问跟它的HTML页面同源（相同域名或IP）的资源。 跨域 ...
‘Access-Control-Allow-Origin‘ header is present on the requested resource. 报错
m0_47170819的博客
06-19 216
请去找后端 请去找后端 请去找后端 重要的事情说三遍
No Access-Control-Allow-Origin header is present on the requested resource.解决
是日已过，命亦随减的博客
06-10 1万+
出现此问题的原因是 所请求的资源上没有“ Access-Control-Allow-Origin”标头。 这个是域名的问题，比如你本地域名跟测试站域名冲突，因为在代码中已经设置成某个固定的域名了，所以请求接口的时候本地无法访问到测试站域名，所以要找到config文件最初配置域名的地方把他改成本地的域名就可以了 了。 解决跨域问题也很简单，在PHP代码中增加头部即可。 $header['Access-Control-Allow-Origin'] = '*'; $header['Access-Contr
Vue项目中遇到No ‘Access-Control-Allow-Origin‘ header is present on the requested resource. 跨域问题的解决方法
不会有人真的学前端吧
08-02 2533
这是我在公司实习中遇到的问题,提供一下解决办法,可能解决的不是太好。公司有自己的框架..我还看不懂 解决办法: 1.配置反向代理 ----->反向代理传送门 在vue.config.js文件中添加反向代理 devServer: { port: port,//自己的接口 open: true, overlay: { warnings: false, errors: true }, ...
解决跨域No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
wobenwoxiangfei的博客
03-26 449
意思是：cors阻止了你请求的资源（跨域问题）；解决办法Controller类加注解。
php处理ajax跨域问题No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
php-yyds
07-20 1066
Access to XMLHttpRequest at 'https://www.xxx.com/' fro还可以通过配置服务器或使用代理服务器等其他方法来解决跨域问题。'cors_request_domain' => 'localhost,127.0.0.1',//你的域名 *所有。替换为允许访问的域名。如果允许所有域名访问，可以使用通配符。ThinkPHP在入口index.php加入。//允许跨域的域名,多个以,分隔。fastadmin框架可以在。.二、框架里如何设置跨域。config.php找到。
跨域问题No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
qq_41847894的博客
03-11 1365
跨域问题No 'Access-Control-Allow-Origin' header is present on the requested resource.
处理 No 'Access-Control-Allow-Origin' header is present on the requested resource 问题
qq_37647296的博客
04-19 6万+
在开发中，前端同事调用后端同事写好的接口，在地址中是有效的，但在项目的ajax中，浏览器会报 "No 'Access-Control-Allow-Origin' header is present on the requested resource"的错误。 这是由于浏览器禁止ajax请求本地以外的资源，解决办法如下： 后端同事在Controller层的类上增加@CrossOrign注解，当前...
‘Access-Control-Allow-Origin‘ heade is present on the requested 跨域问题 解决
wuquanli493的博客
12-23 1320
'Access-Control-Allow-Origin' heade is present on the requested 跨域问题 解决1、解决问题前先确定是不是跨域2、什么是跨域3、为什么会跨域4、解决方法最后附上我的完整代码 1、解决问题前先确定是不是跨域 遇到这个问题首先要明确一点，就是你是不是真的跨域，因为在请求的过程中，前后端一些其它的问题，即使不是跨域，浏览器Console中也会报同样的错误，让你误以为是跨域。所以，在解决这个问题之前你先确定是不是真的跨域。 2、什么是跨域 跨域，是指浏
本地服务器跨域问题 No ‘Access-Control-Allow-Origin‘ header is present on the requested resource 解决方法
zhujiangtaotaise的专栏
10-08 3331
请求方法为，状态值为302或403。报错信息如下：是请求，且，其实字段的类型为的 POST 请求,CORS规定，不属于以下类型的，都属于preflightrequest）：text/plain发送""时，需要用到方法OPTIONS。
'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefor
farmwang的专栏
11-07 359
跨域问题 No 'Access-Control-Allow-Origin' header is present on the requested resource
ourLang
07-13 2万+
刚学习nginx+tomcat+spring+vue配置项目代理，在公司window7启动没有问题，但是在家里window10不行，始终报No ‘Access-Control-Allow-Origin’ header is present on the requested resource.错误 搞了4天晚上还是没想明白，所有的配置都是一样，为什么不行呢？心态当时已经崩了……，但是还是想弄清楚为...
No Access-Control-Allow-Origin header is present on the requested resource.
09-15
No 'Access-Control-Allow-Origin' header is present on the requested resource是一个跨域问题。这个问题通常发生在前端访问后端接口时，由于安全限制，浏览器会阻止跨域请求。要解决这个问题，有几种方法可以尝试。 一种方法是在后端接口或配置文件中添加跨域代码。可以使用以下代码来允许所有来源访问接口： header('Access-Control-Allow-Origin:*');//允许所有来源访问 header('Access-Control-Allow-Method:POST,GET');//允许访问的方式 或者在过滤器中添加以下代码： httpResponse.setHeader("Access-Control-Allow-Origin","*"); httpResponse.setHeader("Access-Control-Allow-Credentials", "true"); httpResponse.setHeader("Access-Control-Allow-Methods", "POST, PUT, GET, OPTIONS, DELETE"); 另一种可能的原因是在配置文件或其他设置中重复配置了跨域。比如在FileUtil中配置了response.addHeader("Access-Control-Allow-Origin", "*")，然后又在CorsFilter中添加了一次配置。这样就会出现两个Access-Control-Allow-Origin问题。在这种情况下，只需要删除其中一个配置即可解决问题。 总结来说，解决"No 'Access-Control-Allow-Origin' header is present on the requested resource"问题的方法是添加跨域代码或删除重复的跨域配置。这样浏览器就能正确处理跨域请求了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值