已解决：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource‘（跨域问题

最新推荐文章于 2025-04-22 18:55:26 发布
最新推荐文章于 2025-04-22 18:55:26 发布
阅读量4.2k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： Java 文章标签： 经验分享 架构 java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/tt8889/article/details/124557405
本文介绍了在前后端分离项目中遇到的跨域请求问题，由于浏览器的同源策略，直接使用后台URL进行请求会被拦截。解决方法是在后台Server（如Tomcat）的配置文件`web.xml`中添加CORS过滤器，允许跨域请求。通过此配置，可以避免前端HTTP请求因跨域被阻止。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

这是常见的跨域请求问题，在前后端分离的项目中常见，前端项目中的请求路径直接用后台请求路径（例如：http://192.168.1.1:8080/demo/getUser.do）,但根据浏览器的网络请求规则，后台Server是不允许这样直接调用的（会被当黑客恶意攻击给拦截掉）。从而导致该跨域请求被拒绝（如下图）。

Access to XMLHttpRequest at ‘http://192.168.1.1:8080/app/easypoi/importExcelFile’ from origin ‘http://localhost:8080’ has been blocked by CORS policy: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

解决方式:

网上很多让修改各种项目中的配置文件但是不好使。其实：只需修改后台Server（如java的tomcat）的一个过滤配置即可，即允许跨域请求;

在请求的server端（tomcat）的conf/web.xml 配置文件中加入如下配置过滤器

（如w 《一线大厂Java面试题解析+后端开发学习笔记+最新架构讲解视频+实战项目源码讲义》无偿开源 威信搜索公众号【编程进阶路】 eb.xml中有多个filter时要把下面配置放在最前端）

CorsFilter

org.apache.catalina.filters.CorsFilter

正确解决No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的有效解决方法
wbajsjhhhhh的博客
05-03 1万+
正确解决No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的有效解决方法
【异常】 AJAX 跨域请求报：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
weixin_48618536的博客
01-15 1106
本地环境下，直接打开html文件，用AJAX 方法`jQuery load() `加载**txt文件**时，报错如下：
解决No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.跨域问题（后台(java)解决方法）
年少不知曲中意,再听已是曲终人
06-02 4071
解决No 'Access-Control-Allow-Origin' header is present on the requested resource.跨域问题（后台(java)解决方法）
No ‘Access-Control-Allow-Origin’ header is present on the requested resource异常的解决方案
2301_79779756的博客
05-10 1万+
当浏览器尝试从不同于其源（域、协议或端口）的服务器加载资源时，会触发同源策略（Same-Origin Policy）。然而，有时我们确实需要从不同的源加载资源，这时就需要使用跨源资源共享（CORS，Cross-Origin Resource Sharing）机制。
ThinkPHP跨域POST请求踩坑实录：我明明设置了CORS，浏览器却偏说没有
最新发布
leptune99的博客
04-22 353
框架可能偷偷处理了你没察觉的东西（比如 ThinkPHP 的响应封装）浏览器错误信息很“鸡贼”，容易误导人你明明设置了所有 header，却因为一个字符错位，浪费了半天头发如果你用的是框架，尽量使用框架提供的响应类来设置 header别再相信“明明设置了为什么不生效”——十有八九是哪里被接管了 😅如果你也踩了类似的坑，欢迎在评论区一起吐槽～希望这篇文章能帮你省下不少 Debug 时间！
完美解决：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
white0718的博客
07-24 1万+
分析：当我们请求一个接口的时候，出现如：Access-Control-Allow-Origin 字眼的时候说明请求跨域了。前端是vue,后端是springcloud，完全的前后端分离的项目，前端在向后端发送请求的时候出现如下的错误。把我工作中遇到的问题和解决的问题的过程记录下来，同时希望也可以帮到大家！文件，在该文件内新增配置。
解决跨域问题：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
一起加油吧！
12-10 9672
CORS，全称Cross-Origin Resource Sharing，是一种允许当前域（domain）的资源（比如html/js/web service）被其他域（domain）的脚本请求访问的机制，通常由于同域安全策略（the same-origin security policy）浏览器会禁止这种跨域请求。
跨域 No 'Access-Control-Allow-Origin' header is present on the requested resource.
热门推荐
小花生编程
01-13 18万+
什么是跨域访问 在A网站中，我们希望使用Ajax来获得B网站中的特定内容。如果A网站与B网站不在同一个域中，那么就出现了跨域访问问题。你可以理解为两个域名之间不能跨过域名来发送请求或者请求数据，否则就是不安全的。跨域访问违反了同源策略， 同源策略规定，浏览器的ajax只能访问跟它的HTML页面同源（相同域名或IP）的资源。 跨域 ...
跨域问题：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
weixin_46353030的博客
07-30 3164
一、问题 在访问url地址的时候出现 No ‘Access-Control-Allow-Origin’ header is present on the requested resource 报错，看了MDN的解决办法后我直接在url地址的前面加上了“Access-Control-Allow-Origin: ” 结果出现请求头错误的报错 二、原因 为了了解跨域首先需要弄清楚两个问题 什么是跨域？ 为什么会出现跨域？ 跨域是为了保护用户的一种安全机制，出现跨域的原因可能是出现了不同源的AJAX请求。
跨域问题No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
qq_41847894的博客
03-11 1583
跨域问题No 'Access-Control-Allow-Origin' header is present on the requested resource.
跨域问题：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
MonkeyRideDonkey的博客
07-30 535
【代码】跨域问题：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
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
解决CORS跨域问题：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
技术杠精的博客
10-31 15万+
Access to XMLHttpRequest at 'http://192.168.2.170:8000/external/statistics/function' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' head
跨域请求常见错误及解决：No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
二饭的博客
12-14 1万+
我的项目是Vue+Boot前后端分离项目。出现标题的错误信息的可能如下： 第①种情况 后端没有设置跨域，这里以Boot项目为例，在类上使用如下注解：表示这个类中的方法都可以进行跨域 @RestController @RequestMapping("client/recruit") @CrossOrigin public class RecruitClient { } 第②种情况 后端拦截器或过滤器中没有允许该请求方法通过，正确写法如下：拦截器示例 response.setHeader("Access-
本地服务器跨域问题 No ‘Access-Control-Allow-Origin‘ header is present on the requested resource 解决方法
zhujiangtaotaise的专栏
10-08 3636
请求方法为，状态值为302或403。报错信息如下：是请求，且，其实字段的类型为的 POST 请求,CORS规定，不属于以下类型的，都属于preflightrequest）：text/plain发送""时，需要用到方法OPTIONS。
已解决：前后端跨域问题No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
屿小夏.的知识博客
08-27 5564
解决跨域问题有多种方法，本文介绍了两种常见的方法：后端配置CORS和前端设置代理。具体使用哪种方法，取决于项目的实际需求和架构设计。在实际开发中，建议综合考虑安全性、性能和维护成本，选择最合适的解决方案。
解决CORS : No ‘Access-Control-Allow-Origin’ header is present on the requested问题 ，Nginx跨域配置。
bk_陈龙伟
03-16 5066
解决CORS : No ‘Access-Control-Allow-Origin’ header is present on the requested问题 ，Nginx跨域配置。
Vue实战——使用代理服务器解决跨域问题——No‘Access-Control-Allow-Origin‘ header is present on the requested resource
weixin_51351637的博客
10-08 7379
那我们怎么理解代理服务器（粉色）呢？房主中介的作用，左手顾客，右手房东类似中间人，本身也是服务器。8080是我们目前所处在的位置（红色），代理服务器和我们处在的位置一个样，也是8080，始终保持一致当我们在8080（红色）端口向5000端口索要数据的时候，并不会直接发送给5000端口（服务器），而是先发送给代理服务器（粉色8080），然后粉色的代理服务器反手把这次请求发送给了5000；
NO ‘Access-Control-Allow-Origin‘ header is present on the request resource跨域异常问题解析及解决方案
m0_53951384的博客
09-09 2863
浏览器去请求学生列表页面时先从前端服务器获取该页面，此时页面中只有静态数据并没有学生列表数据，这时在浏览器的学生列表页面就自动调用获取学生列表数据的方法，所以请求是由浏览器发起的，而不是前端服务器获取所有学生列表数据后返回学生信息列表页面给浏览器。由于获取数据的请求是浏览器发起的，而浏览器有同源策略，非同源的响应数据会被认为不安全进行拦截。只要协议、主机、端口之一不同，就不同源同源检查是浏览器的行为，而且只针对 fetch、xhr(ajax)请求。
c++ blocked by CORS policy: No Access-Control-Allow-Origin header is present on the requested resource.
12-07
CORS（跨源资源共享）是一种安全机制，用于限制从一个源加载的Web应用程序如何与来自不同源的资源进行交互。当浏览器发现请求的资源与当前文档不在同一个源时，就会发出CORS请求。如果服务器没有正确配置CORS，浏览器就会拒绝该请求并显示“blocked by CORS policy: No Access-Control-Allow-Origin header is present on the requested resource”错误消息。 在C++中，由于C++通常用于编写后端代码，因此不会直接遇到CORS问题。但是，如果您正在使用C++编写Web服务器，并且您的服务器需要与其他域进行交互，则可能需要配置CORS以允许跨域请求。以下是一些可能有用的提示： 1.在服务器端配置CORS响应头，以允许来自其他域的请求。例如，您可以在响应头中添加“Access-Control-Allow-Origin:*”以允许来自任何域的请求。 2.使用代理服务器来转发跨域请求。代理服务器将请求发送到目标服务器，并将响应返回给客户端，从而避免了CORS问题。 3.使用JSONP（JSON with Padding）来绕过CORS限制。JSONP是一种使用<script>标记加载JSON数据的技术，它可以绕过CORS限制，但需要服务器支持JSONP。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值