@CrossOrigin：一个Controller层的注解，轻松解决跨域问题

最新推荐文章于 2025-11-01 10:52:49 发布
原创 最新推荐文章于 2025-11-01 10:52:49 发布 · 8.8k 阅读 · 9 ·
CC 4.0 BY-SA版权
文章标签：

#跨域

本文介绍了一种解决uni-app中Ajax跨域访问远程API的问题方法。通过在控制器上添加@CrossOrigin注解，可以避免在xml下添加过滤器，实现更简洁的跨域请求处理。
部署运行你感兴趣的模型镜像

今天帮助同学解决了一个跨域问题：使用uni-app的时候，Ajax无法访问远程服务器上的API。

怎么解决呢？

在controller上添加@CrossOrigin注解，如下：

@RestController
@RequestMapping("course")
@CrossOrigin
public class CourseController extends BaseController {

再也不需要在xml下添加过滤器了。非常完美！

您可能感兴趣的与本文相关的镜像

GPT-oss:20b

GPT-oss:20b

图文对话
Gpt-oss

GPT OSS 是OpenAI 推出的重量级开放模型，面向强推理、智能体任务以及多样化开发场景

Controller类明明写了@CrossOrigin跨域注解，但还是有跨域问题
m0_74462339的博客
06-01 1029
不过，这只能暂时解决该问题，毕竟过滤器还是要用的，后续我再探索一下。此时，先注释掉过滤器注解，让其不生效，就可以避免干扰跨域处理了。可能是写的过滤器干扰到了跨域处理。
@CrossOrigin注解解决跨域问题
西敏寺的乐章的博客
04-14 1673
跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript施加的安全限制。http://www.123.com/index.html 调用 http://www.123.com/server.PHP （非跨域）http://123.com/index.html 调用http://456.com/server.php （主域名不同:123/456，跨域）
注解 @CrossOrigin
青苔小榭
08-17 4万+
在Controller中看到@CrossOrigin ，这是什么？有什么用？为什么要用？ what？ @CrossOrigin是用来处理跨域请求的注解 先来说一下什么是跨域： （站在巨人的肩膀上） 跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript施加的安全限制。 所谓同源是指，域名，协议，端口均相同，不明白没关系...
解决前端项目跨域问题：strict-origin-when-cross-origin实战
最新发布
PurpleRain89的博客
11-01 749
在Chrome 85版本后，浏览器默认的Referrer策略从no-referrer-when-downgrade变更为strict-origin-when-cross-origin。通过实际部署体验，可以更深入地理解Chrome安全策略变化带来的影响，以及如何系统性地解决这类跨域问题。上，可以快速创建前后端分离项目原型，实际测试不同浏览器环境下的跨域表现。这种更严格的策略提高了安全性，但也给现有项目带来了兼容性挑战。建议将这些配置集中管理，避免分散在多处。
注解@CrossOrigin详解
热门推荐
诚的博客
10-25 11万+
注解@CrossOrigin 出于安全原因，浏览器禁止Ajax调用驻留在当前原点之外的资源。例如，当你在一个标签中检查你的银行账户时，你可以在另一个选项卡上拥有EVILL网站。来自EVILL的脚本不能够对你的银行API做出Ajax请求（从你的帐户中取出钱！）使用您的凭据。 跨源资源共享（CORS）是由大多数浏览器实现的W3C规范，允许您灵活地指定什么样的跨域请求被授权，而不是使用一些不太安全和不太强大的策略，如IFRAME或JSONP。 一、跨域(CORS)支持： Spring Framework
@CrossOrigin注解与跨域访问
weixin_30235225的博客
01-21 917
在Controller中看到@CrossOrigin ，这是什么？有什么用？为什么要用？ what？ @CrossOrigin是用来处理跨域请求的注解 先来说一下什么是跨域： （站在巨人的肩膀上） 跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript施加的安全限制。 所谓同源是指，域名，协议，端口均相同，不明白没关系...
Spring @CrossOrigin 注解原理实现
08-18
Spring @CrossOrigin 注解原理实现 Spring @CrossOrigin 注解是 Spring 框架...通过使用 @CrossOrigin 注解，我们可以轻松地解决跨域请求问题。在实际开发中，我们可以根据需要选择合适的解决方案来解决跨域请求问题。
RESTful开发风格8：跨域问题二：Spring MVC实现“CORS跨域访问”的两种策略：类上使用【@CrossOrigin注解】；配置文件中通过＜mvc:cors＞进行全局配置；
小枯林的博客
11-18 1590
说明： （1）本篇博客的合理性解释： ●上篇博客的脉络是：【RESTful开发风格中，访问远程网站肯定会经常遇到】→【但是，浏览器存在一个同源策略】→【即，当访问不同域的资源时，会触犯浏览器同源策略，出现无法访问的问题】→【那么，为了能够实现访问不同域中的资源，就需要一种“跨域访问”机制】→【所以，在介绍“跨域访问”之前，上篇博客就先介绍浏览器的同源策略】； ●既然，上篇博客已经介绍了【浏览器同源策略】； ●那么【为了能够在访问不同...
springboot之跨域访问cros，@CrossOrigin注解
YMYYZ的博客
01-09 1万+
1.springboot之跨域访问cros，@CrossOrigin注解 2.浏览器协议的默认端口号
SpringMVC系列-7 @CrossOrigin注解与跨域问题
shengyu
11-25 6725
理解同源策略是理解跨域的前提。同源策略定义如下： 在同一来源的页面和脚本之间进行数据交互时，浏览器会默认允许操作，而不会造成跨站脚本攻击；不同源之间进行限制。 不同源之间形成跨域，包括：协议、域名、端口。http和https，localhost和127.0.0.1也会形成跨域(即使经过域名解析后相同)。 由于浏览器引擎实现了同源策略，即对跨域访问进行了限制，因此存在跨域问题。
@CrossOrigin注解
我热爱学习，也乐于分享。无论是科技前沿的洞见，还是生活中的小技巧，我都会在这里与你分享。我相信，知识就是力量，而分享则能让这份力量得到更好的传递。
10-15 418
在Web应用程序中，如果JS代码试图从一个域名获取来自不同域名的资源，这将会触发浏览器的同源策略，从而导致浏览器阻止跨域请求。使用下面的注解可以允许浏览器绕过同源策略，从而允许跨域请求！该注解可以接解决跨域请求的问题@CrossOrigin。可以用在方法上或者类上。
【注解】 @CrossOrigin
真的好想再回到那时，可现在能做的只有补救。————个人博客：https://w7h1te.github.io/
04-07 3260
在Controller中看到@CrossOrigin ，这是什么？有什么用？为什么要用？ @CrossOrigin是用来处理跨域请求的注解 跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript施加的安全限制。 出于安全原因，浏览器禁止Ajax调用驻留在当前原点之外的资源。例如，当你在一个标签中检查你的银行账户时，你可以在另一个选项卡上拥有EVILL网站。来自EVILL的脚本不能够对你的银行API做出Ajax请求（从你的帐户中取出钱！）使用您的凭据。 　　　　
注解 @CrossOrigin（更容易理解 ）
weixin_44704605的博客
10-21 1万+
先说明@CrossOrigin是用来处理跨域请求的注解，在Controller中添加此注解 跨域是什么： 跨域，指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器对JavaScript施加的安全限制。 所谓同源是指，域名，协议，端口均相同 如： http://www.index.com:8080 http是协议名 4399.com是域名 8080是端口号 浏览器执行javascript脚本时，会检查这个脚本属于哪个页面，如果不是同源页面，就不会被执行。 当域名www.qwe.com
Java注解篇：@CrossOrigin
x²
05-18 2429
@CrossOrigin 是一个简单但非常实用的注解，极大简化了跨域配置，特别适合前后端分离架构下的 API 接口服务。
深度解析 Spring MVC `@CrossOrigin` 注解
csdn_tom_168的博客
06-28 1353
Spring MVC 的 @CrossOrigin 注解是处理跨域资源共享(CORS)的核心解决方案，提供声明式配置方式。注解支持细粒度控制跨域策略，包括允许的源、请求方法、请求头等参数。其底层通过 CorsProcessor 处理预检请求和实际请求，采用配置合并机制协调全局和控制器级别的设置。开发者可通过全局配置(WebMvcConfigurer)或控制器/方法级注解灵活应用，在保障安全的前提下实现跨域访问，是替代传统过滤器方案的现代化实现方式。
springBoot跨域注解 : @CrossOrigin
惟一||.唯一 的博客
02-20 496
Spring Framework 4.2 GA为CORS提供了第一类支持，使您比通常的基于过滤器的解决方案更容易和更强大地配置它。所以springMVC的版本要在4.2或以上版本才支持@CrossOrigin ; springBoot跨域注解 : @CrossOrigin
注解@CrossOrigin解决跨域问题
weixin_44596655的博客
02-16 304
转载：https://www.jianshu.com/p/ae19e3512130
@CrossOrigin是怎么解决跨域问题的
06-02
`@CrossOrigin` 是 Spring Framework 中的注解，用于解决跨域问题。当我们在前端使用 AJAX 或 WebSocket 等技术与后端进行通信时，如果前端代码所在的域名与后端代码所在的域名不同，就会产生跨域问题。这时候就需要...
评论 5
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

打赏作者

沉默王二

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

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

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

打赏作者

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

抵扣说明：

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

余额充值