已拦截跨源请求：同源策略禁止读取位于 http://xxx...aliyuncs.com/ 的远程资源。（原因：CORS 头缺少 ‘Access-Control-Allow-Origin‘)

于 2023-05-08 19:37:02 发布
阅读量2.7k 收藏
点赞数
分类专栏： 笔记 文章标签： 阿里云OSS 跨域规则 Springboot 拦截跨源请求 上传文件
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/H_define/article/details/130565615
版权

在SpringBoot项目中使用阿里云OSS上传文件时，浏览器控制台报错：

已拦截跨源请求：同源策略禁止读取位于 http://his-hospital.oss-cn-beijing.aliyuncs.com/ 的远程资源。
（原因：CORS 头缺少 'Access-Control-Allow-Origin'）。状态码：403。

原因：在阿里云终端没有设置跨域规则

解决方法：
进入阿里云官网，进入OSS控制台，在Bucket 列表中选择你使用的Bucket 。点击左侧的数据安全，跨域设置，创建跨域规则。具体如下图所示。
创建跨域规则再次尝试上传文件，成功。

焚天＆无夜
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
http://www.blogjava.net/youlq/archive/2005/12/06/22678.html
03-18
接着，我们定义安全拦截器，例如`ChannelProcessingFilter`用于HTTP和HTTPS之间的切换，以及`SecurityContextHolderAwareRequestFilter`用于处理Spring MVC请求。 然后，我们需要定义访问控制策略。Acegi支持基于...
深入浅析Nginx实现AJAX跨域请求问题
12-02
在AJAX请求中，由于同源策略的限制，一个域上的网页通常不能请求另一个域上的资源。然而，通过正确配置Nginx服务器，我们可以允许特定或所有域进行跨域请求。 Nginx是一个高性能的HTTP和反向代理服务器，它可以在...
解决：403错误 和 已拦截跨源请求：同源策略禁止读取位于localhost:8080/xxx/xx的远程资源。（原因：CORS 头缺少 ‘Access-Control-Allow-Origin‘）。
Jav
10-09 3010
问题描述：在使用vue框架进行前后端分离开发时，同时使用springboot框架，ajax发送请求时出现上述问题 解决思考： 分析：我们先打开浏览器的开发者工具 控制台输出错误信息，上网查阅（原因：CORS 头缺少 ‘Access-Control-Allow-Origin’）可以知道是大概率是跨域问题 再查看网络部分（先打开开发者模式，在点击按钮或者其他提交表单的操作）看到一个403状态码的失败网络请求，查看详细url路径等信息 一般403的错误有两类原因： 跨域问题 我们可以..
已拦截跨源请求：同源策略禁止读取位于 http://localhost:8080/*的远程资源。（原因：CORS 头缺少 ‘Access-Control-Allow-Origin‘）。
青春不流名
05-04 3万+
已拦截跨源请求：同源策略禁止读取位于 http://localhost:8080/*的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-Origin'）。
解决浏览器出现的【已拦截跨源请求：同源策略禁止读取】问题
知而有涯，学而无涯
02-06 6万+
问题产生：已拦截跨源请求：同源策略禁止读取 在网页与接口不处于同一个服务器的前提下（前端代码放在A服务器，接口牌B服务器），ajax请求接口的时候，浏览器会为了安全问题，在接口返回数据的时候，对响应头进行检验。如果响应头中没有Access-Control-Allow-Origin:*和Access-Control-Allow-Headers:Origin, X-Requested-With
nginx配置导致的已阻止跨源请求同源策略禁止读取位于xxx的远程资源，原因CORS头缺少‘access control allow origin’
KevinHades的博客
04-02 7422
在nginx为统一域名配置了http和https后，访问https时会出现对另一个的跨域访问，需要在nginx配置文件中location处添加如下内容： location / { add_header 'Access-Control-Allow-Origin' 'http://xxx'; } ......
学习Vue第四章/学习第五章VueX
ZONESLH的博客
04-29 2186
Vue中的Ajax,和VueX
【已解决】已拦截跨域请求：同源策略禁止读取位于接口的远程资源：原因：CORS缺少Access-Contorl-Allow-Origin
~牧马~
11-12 1万+
前后端开发跨域问题问题记录前端新手配置：有问题老手配置：正常后端新手配置：有问题老手配置：正常总结 问题记录 今天笔者有一次遇到前后端跨域问题，下面小编详细的记录下整个过程： 环境是：后端在公司，前端在远程，两人协同开发 后端写好接口，并发布在外网后，接下来就是远程前端的对接接口阶段，前端在配置接口时，配置成功，在测试访问时，浏览器报“已拦截跨域请求：同源策略禁止读取位于接口的远程资源：原因：CORS缺少Access-Contorl-Allow-Origin”问题，错误提示是“cors跨域问题”，后端看到只
解决{已拦截跨源请求：同源策略禁止读取位于 xxx 的远程资源。（原因：CORS 头缺少 ‘Access-Control-Allow-O)}
qq_51435233的博客
02-02 2万+
看到CORS 头缺少 'Access-Control-Allow-O这个就知道自己跨域了，跨域是指你违背了同源策略，同源策略规定了三个东西一致：协议名、主机名、端口号。 比如：http://localhost:8080/发送ajax请求到http://localhost:8090/服务器，服务器收到了请求，并把数据返回给http://localhost:8080/，但是流浪器没有进一步的给你，因为发现这哥们跨域了，算了，这数据我握在手里了，不给你了，这就是跨域。（这里一定要注意：请求发了，服务器收了，还返
【JavaScript源代码】解决vue $http的get和post请求跨域问题.docx
12-30
这是因为浏览器的同源策略，它是一项安全措施，防止恶意网站读取敏感数据。然而，在开发环境中，我们经常需要在本地服务器上运行前端应用并连接到远程API，这就导致了跨域问题。 解决跨域问题的一种常见方法是在...
noka:代码仓库已移至https://gitee.com/noka/-开源
05-31
Noka标签是在JSP上运行的一组JSP标签代码拦截器工具类，支持多种数据库收集数据处理，演示和处理。 https://gitee.com/noka/
axios：用于浏览器和node.js的基于Promise的HTTP客户端
02-03
轴距 基于Promise的HTTP客户端，用于浏览器和node.js目录产品特点从浏览器发出 从node.js发出请求支持 API 拦截请求和响应转换请求和响应数据取消请求JSON数据的自动转换客户端支持以防浏览器支持 最新 :heavy_check...
Firebug: 已拦截跨源请求：同源策略禁止读取位于XXX的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-
热门推荐
xlxxcc的专栏
01-18 10万+
第一种，就是在被请求的程序中添加HTTP头，即CORS跨域（跨域资源共享，Cross-Origin Resource Sharing）如： Response.Headers.Add("Access-Control-Allow-Origin", "*"); // JSON { 'Access-Control-Allow-Origin': '*', } // HTML <meta http-equ
已拦截跨源请求：同源策略禁止读取位于 http://192.168.x.x:x/xx/xx.do的远程资源。（原因：CORS 头缺少 ‘Access-Control-Allow-Origin‘）
qq_36454619的博客
09-11 2303
问题记录解决： 部署jar和war到服务器后，使用浏览器获取接口时报错。 报错： 火狐： 已拦截跨源请求：同源策略禁止读取位于 http://192.168.x.x:x/xxx 的远程资源。（原因：CORS 头缺少 ‘Access-Control-Allow-Origin’）。 谷歌： Access to XMLHttpRequest at ‘http://192.168.x.x.:xxx’ from origin ‘http://localhost:8013’ has been blocked by
已拦截跨源请求：同源策略禁止读取位于 http:**** 的远程资源。（原因：CORS 头缺少 ‘Access-Control-A
徊忆羽菲
03-12 1万+
Access to fetch at 'https://www.baidu.com/' from origin 'http://www.baidu.com' has been blocked by CORS policy: The 'Access-Control-Allow-Origin' header contains multiple values '*, *', but only one is allowed. Have the server send the header with a valid
已拦截跨源请求：同源策略禁止读取位于 http://192.168.88.111:8080/aa/xx的远程资源。（原因：CORS 头缺少 ‘Access-Control-Allow-Origin‘）
u013484186的专栏
03-02 2379
项目场景： 页面需要一个js请求第三方接口 问题描述： 代码如下： function getBoJunBrand() { $.ajax({ method: 'GET', url: 'http://192.168.88.111:8080/aa/xx', data: { }, success:function(data){ console.log(data); alert("【Success】"+data); return data;
浏览器拦截跨域请求处理方法（同源策略不允许读取服务器远程资源）
chritina的专栏
04-10 2万+
如题目所示，当浏览器进行跨域请求时，会出现跨域问题。该问题在 Firefox 中会报错：已拦截跨源请求：同源策略禁止读取位于 http://XXXX/x 的远程资源。（原因：CORS 头缺少 'Access-Control-Allow-Origin'）。 而在 Chrome 中会显示如下错误：XMLHttpRequest cannot load http://XXXX/x. No 'Access-C
Xftp7免费版（个人）下载链接
H_define的博客
03-12 2万+
官网下载链接
已拦截跨源请求：同源策略禁止读取位于 https://echarts.apache.org/examples/data/asset/geo/USA.json 的远程资源
最新发布
06-07
在这个具体的错误中，浏览器拦截了一个跨源请求，因为它试图读取位于 https://echarts.apache.org/examples/data/asset/geo/USA.json 的远程资源，而该资源不在当前网站的同一源。 要解决这个问题，你可以使用 ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值