使用CrossOrigin注解解决跨域问题无效的坑

最新推荐文章于 2024-04-30 15:27:11 发布
最新推荐文章于 2024-04-30 15:27:11 发布
阅读量1.1k 收藏
点赞数
分类专栏： 遇到的问题 文章标签： vue elenent-ui 跨域问题 CrossOrigin注解 讲师查询
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Prayer96/article/details/114442462
版权

在做在线教育项目前端开发部分条件的查询功能时，一点击查询按钮就出现跨域错误在这里插入图片描述
在这里插入图片描述
原因：是因为在前端的查询表单中调用vue中methods里定义的方法时没有加上括号
在这里插入图片描述
加上后就没有跨域问题了
在这里插入图片描述
这是methods里定义的方法
在这里插入图片描述
附加：
后面发现在分页条调用上面的方法时，加上括号后点击页码跳转不了了
在这里插入图片描述
去掉括号可以正常跳转
在这里插入图片描述
可能需要根据具体的参数来确定是否需要加括号，条件查询时可以不加参数就进行查询，而分页它自己会自动传入点击的页码作为参数，加上括号的话默认不传递参数就会出错。

Prayer96
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
@CrossOrigin解决跨域问题
06-22
使用@CrossOrigin注解解决前后台分离中的跨域问题
后端加了跨域注解还是不行_Spring Boot 2.x（九）：遇到跨域不再慌
weixin_39755873的博客
12-09 1113
什么是跨域首先，我们需要了解一下一个URL是怎么组成的： // 协议 + 域名（子域名 + 主域名） + 端口号 + 资源地址 http: + // + http://www.baidu.com + :8080/只要协议，子域名，主域名，端口号这四项组成部分中有一项不同，就可以认为是不同的域，不同的域之间互相访问资源，就被称之为跨域。随着前后端分离开发的越来越普及，会经常遇到跨域的问题，...
解决springboot添加@CrossOrigin支持跨域不起作用
qq_45721173的博客
05-07 9130
问题描述 在springboot开发中，为解决跨域请求问题，在代码中添加注解@CrossOrigin不起任何作用。 后端报错信息如下 java.lang.IllegalArgumentException: When allowCredentials is true, allowedOrigins cannot contain the special value "*" since that cannot be set on the "Access-Control-Allow-Origin" resp
@CrossOrigin是Spring框架中的一个注解，用于处理跨域资源共享（Cross-Origin Resource Sharing, CORS）问题。
最新发布
wangqiaowq的博客
04-30 489
是Spring框架中的一个注解，用于处理跨域资源共享（Cross-Origin Resource Sharing, CORS）问题。在Web应用开发中，出于安全原因，浏览器实施了同源策略（Same-origin policy），这一策略限制了从一个源加载的Web页面脚本与来自不同源的资源交互。当你在一个控制器类或具体处理方法上使用此注解时，Spring会自动在HTTP响应头中添加适当的CORS相关头部信息，如。）发送AJAX请求，浏览器会阻止这个请求，除非服务器端明确允许此类跨域请求。
SpringBoot跨域注解@CrossOrigin失效解决方法
x1339874968的博客
12-10 1760
解决方法: 1.降低版本 <parent> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-parent</artifactId> <version>2.3.5.RELEASE</version> <relativePath/> &
springboot @CrossOrigin跨域注解无效问题解决, CrossFilter 跨域过滤器配置 WebMvcConfigurer corsFilter
yunnuo的博客
08-26 1298
springboot @CrossOrigin跨域注解无效问题解决 @Bean public CorsFilter corsFilter() { UrlBasedCorsConfigurationSource urlBasedCorsConfigurationSource = new UrlBasedCorsConfigurationSource(); CorsConfiguration corsConfiguration = new CorsConfigu
跨域无效问题解决（java后端方案）
FLGB
03-10 4311
通用后端跨域方法 1、@CrossOrigin 注解 在Spring Boot 中给我们提供了一个注解 @CrossOrigin 来实现跨域，这个注解可以实现方法级别的细粒度的跨域控制。我们可以在类或者方添加该注解，如果在类上添加该注解，该类下的所有接口都可以通过跨域访问，如果在方法上添加注解，那么仅仅只限于加注解的方法可以访问。 @Slf4j @RestController @RequestMapping(value = AppPath.SERVICE_LOCATION_URL + "/appointme
Spring @CrossOrigin 注解原理实现
08-18
Spring @CrossOrigin 注解原理实现 Spring @CrossOrigin 注解是 Spring 框架...通过使用 @CrossOrigin 注解，我们可以轻松地解决跨域请求问题。在实际开发中，我们可以根据需要选择合适的解决方案来解决跨域请求问题。
springboot后端解决跨域问题
08-26
在Spring Boot中，我们可以使用@CrossOrigin注解来解决跨域问题。例如，在Controller类上添加一个“@CrossOrigin“注解就可以实现对当前controller的跨域访问了，当然这个标签也可以加到方法上。 ```java @...
Angular4开发解决跨域问题详解
08-29
Angular4解决跨域问题详解 Angular4开发解决跨域问题详解...Angular4解决跨域问题可以使用反向代理、甩锅解决跨域和nginx反向代理实现跨域等方法。其中，反向代理和nginx反向代理实现跨域是两种灵活和可靠的解决方法。
注解@CrossOrigin详解
热门推荐
诚的博客
10-25 11万+
注解@CrossOrigin 出于安全原因，浏览器禁止Ajax调用驻留在当前原点之外的资源。例如，当你在一个标签中检查你的银行账户时，你可以在另一个选项卡上拥有EVILL网站。来自EVILL的脚本不能够对你的银行API做出Ajax请求（从你的帐户中取出钱！）使用您的凭据。 跨源资源共享（CORS）是由大多数浏览器实现的W3C规范，允许您灵活地指定什么样的跨域请求被授权，而不是使用一些不太安全和不太强大的策略，如IFRAME或JSONP。 一、跨域(CORS)支持： Spring Framework
vue加载图片失败问题crossorigin=“anonymous“
leaning_java的博客
12-02 2857
vue加载图片失败问题crossorigin
img标签的onerror事件失效
spideypool233的博客
04-10 2705
img标签的onerror事件失效 imgUrl 为存储图片地址的变量，利用 onerror 事件，当图片加载失败时，执行 onerror 事件加载一张默认图片，其代码如下： <img :src="imgUrl" :onerror="errorDefaultImg" /> // An highlighted block var foo = 'bar'; ...
加入@CrossOrigin后仍然不能跨域问题
qq_45710325的博客
08-27 1881
在写Springboot+Vue项目时进行前后端的项目测试，发现加入注解后仍然不能解决问题。 看前端请求，发现有两次请求，后端因为是二级映射/a/b形式，其中/a是在类上面的，因此没有选择post请求。 @RestController @CrossOrigin(origins = "*") @RequestMapping(value = "/project",method = RequestMethod.POST) public class ProjectController { @Po.
【爬虫】requests请求方式、Response、Session
冰冷的希望的博客
10-18 2044
1.requests 该库可以发起http协议的请求，比python原生的urllib更加方便，所以经常会用在爬虫、测试等方向 1.1 安装 pip install requests -i https://pypi.tuna.tsinghua.edu.cn/simple 1.2 请求方式 请求方式包括，get、post、put、patch、delete、options、header。使用的时候可以requests.方法名()，例如requests.get()发起GET请求。当然，也可以使用request(
解决使用@CrossOrigin注解后仍然不能跨域访问的问题
EricXiao666的博客
07-22 1万+
一、@CrossOrigin注解的位置 在controller类上使用，对所有controller中的所有方法都生效 @RestController @CrossOrigin public class MyController { } 在方法上使用，只对该方法生效 @CrossOrigin @RequestMapping(value = “/test”,method = RequestMe...
跨域问题(@CrossOrigin和Proxy)
少猿的博客
03-27 1328
因此，如果客户端需要请求跨域的数据，可以先将请求发送给代理服务器，然后由代理服务器转发到目标服务器上，从而避免了跨域请求的问题。使用代理服务器可以解决跨域请求的问题，但是也可能会带来一些安全问题，因此需要谨慎使用。如果只是需要在开发环境中进行测试，可以暂时使用代理服务器来解决问题，但是在生产环境中最好还是使用其他更安全的方式来解决跨域请求的问题。在Web开发中，如果前端页面和后端接口不在同一个域名下，就会发生跨域请求的问题，这时候就需要使用。，则这两个页面就不在同一个域名下，就会发生跨域请求的问题。
springmvc添加CrossOrigin仍然无法跨域问题
wfm19970的博客
08-14 2138
需要在RequestMaping中添加参数method = RequestMethod.XXXX 不加method参数时，前端发送的响应头如下图 加了参数时，响应头如下 发现，多了两个key-value值。 Access-Control-Allow-Credentials:true Access-Control-Allow-Origin:http://127.0...
@CrossOrigin注解解决跨域时本地有效服务器上部署时不生效
07-12
您好！对于使用 @CrossOrigin 注解解决跨域问题，有时在本地有效，但在部署到服务器上时不生效的情况，可能是由于以下原因导致的： 1. 服务器配置问题：请确保服务器已经正确配置允许跨域请求。您可以检查服务器的 CORS 配置，确保允许来自您的应用程序的跨域请求。 2. 网络代理问题：如果您的服务器位于网络代理后面，可能需要配置代理服务器以允许跨域请求。请联系负责网络代理的管理员咨询相关配置。 3. 域名匹配问题：跨域请求可能受到浏览器的同源策略限制。确保您在 @CrossOrigin 注解中设置的 origin 参数与您的应用程序实际访问的域名完全匹配。您可以尝试使用通配符 "*" 来允许来自所有域名的请求，但请注意这可能存在安全风险。 4. 缓存问题：如果您曾经在部署之前测试过跨域请求并且结果被缓存，可能需要清除缓存或尝试在部署之前进行一些其他请求以刷新缓存。 如果以上解决方法仍然无效，请提供更多关于您的应用程序和服务器环境的详细信息，我会尽力提供更具体的帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值