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

最新推荐文章于 2025-09-12 16:44:41 发布
原创 最新推荐文章于 2025-09-12 16:44:41 发布 · 1.5w 阅读 · 14 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#springboot #spring

本文介绍了一种常见的跨域资源共享（CORS）错误：请求资源缺少'Access-Control-Allow-Origin'头。通过在Spring Boot项目的Controller层添加@CrossOrigin注解，可以轻松解决此问题。

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.

搭建项目 springboot + vue.js 报了这个错

解决办法

在controller层加一个注解

@CrossOrigin

如果解决了你们的问题，麻烦哥哥姐姐们给个赞哦。

 

 

出现 has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on the 解决方法
码农研究僧的博客
06-03 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.
has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present on the requested
07-24 536
调试游戏时发现无法跨域访问 非跨域是可访问的
解决跨域has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘，利用Proxy反向代理
我还起舞了的博客
11-21 4545
我们要配置反向代理的原因是：因为跨域问题我们直接拿不到跟我们不同域名不同端口号下的数据，这是浏览器的跨域限制，我们不能在浏览器上显示后端的数据，但是服务器端没有跨域限制，所以可以让我们自己的服务器（项目运行，会启动一台服务器），去请求后端服务器，拿到数据，然后再传给我们前端。反向代理服务器的应用：往这个接口发请求，被拦截到了，凡是往这个接口发请求的，反向代理服务器，会在前面加上target域名 ，往真实的地址去请求。在vue.config.js文件中进行以下配置proxy，具体配置信息可以看下文。
“又是该死的CORS！” 一文彻底搞懂 Spring Boot 跨域问题
最新发布
郑龙飞
09-12 1126
CORS 跨域不是一个错误，而是现代浏览器为了保护我们而设计的一道安全门。作为开发者，我们的任务不是“绕过”它，而是要学会如何正确地“开门”。
VUE3解决跨域问题
hzp666的博客
07-01 1831
本文基于vue3 + vite + element-plus + pnpm报错：**** has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.原因：前端不能直接访问其他IP，需要用vite.config.ts 做个代理，拦截本地IP替换成外部IP解决方案：比如在页面中，我们要访问一个页面。
解决前后端跨域报错：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 the requested resource.
08-26
- *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=...
has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is present---nginx工作笔记006
添柴程序猿的专栏
07-09 2230
关于跨域的问题,是老生常谈了....这回又出现了... 不过这个跨域问题是可以在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; 这一部分就是...
vue使用video播放视频跨域问题“has been blocked by CORS policy: No ‘Access-Control-Allow-Origin
海贼王某人的博客
07-31 2211
起因：项目需要加一个视频播放功能，线上资源和网页url不是一个域名，导致跨域了无法播放，报错。我真的服了，网上答案十个九个都是错的，那些人发出来的东西自己都不验证一下吗，多了一个 i 让我好找啊，最后还是解决了，如果你用crossOrign无法解决就把 i 加上吧，我也不知道什么原因，反正的我不加 i 就可以播放了，记录一下这个大坑。注意：是crossOrign=“anonymous”，不是crossOrigin=“anonymous”
解决前端跨域：has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header...
热门推荐
qq_40088443的博客
09-16 43万+
在前端工作中，有时候会碰到跨域的问题，就是请求的接口地址和本身的服务器不属于一个域内，此时浏览器会报错： XXXXX（请求的跨域url）has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested 网上有很多的解决办法，可以用jsonp来请求等等。 这里...
跨域请求被拦截问题——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
unber的博客
09-14 2447
前端页面设置；由于跨域， 画布被污染，不能调用 toBlob(), toDataURL() 或 getImageData() 方法，调用它们会抛出安全错误。然而这种解决方法只可以解决你自己服务器的问题，你总不能去微信或其他第三方服务器添加请求头吧。项目需要拉取用户的头像，而linkedin和微信的头像存放于cdn中，这边涉及到的跨域问题。
跨域问题 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
DokcelyNg的博客
11-03 1万+
Django前后端分离开发跨域问题已解决 按照图示操作设置前端 按照图示操作设置后端 INSTALLED_APPS = [ ‘django.contrib.admin’, ‘django.contrib.auth’, ‘corsheaders’, ‘rest_framework’, ‘users.apps.UsersConfig’, ‘django.contrib.contenttypes’...
跨域请求错误has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is
weixin_46329670的博客
03-30 2万+
在自己电脑同时打开前端和后端项目，前端想要通过http请求访问自己的后端并传回数据时，浏览器报错出现 has been blocked by CORS policy: No ‘Access-Control-Allow-Origin‘ header is 这里提示的是出现了跨域问题 解决方法: 一、后端配置 如下图，在项目的目录下创建一个config包 然后在包里面创建一个java文件，文件名可以随意 内容如下 import org.springframework.context.annotation.Co
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值