前后端分离项目前端发请求给后端java接口跨域问题解决访方案

最新推荐文章于 2025-01-01 17:05:46 发布

原创最新推荐文章于 2025-01-01 17:05:46 发布 · 966 阅读

1 ·

CC 4.0 BY-SA版权

常见小问题总结专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种在Java项目中解决前端跨域问题的方法。通过在pom.xml中添加cors-filter依赖，并在web.xml中配置跨域过滤器，实现允许所有来源的请求访问。此方案适用于前后端分离的应用场景。

一.出现跨域问题当我们在前端项目中,向后端发送请求的获取课程数据的时候,出现了跨域问题: 已被CORS策略阻止：请求的资源上没有' Access-Control-Allow-Origin'标头（跨域请求失败）

在浏览器下f12报错信息如下:

Access to XMLHttpRequest at 'http://localhost:8080/my_test_home/user? methodName=findGetList' from origin 'http://localhost:8088' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

二.在java项目中如下设置

1. 在pom.xml文件中引入依赖

<!-- 解决跨域问题所需依赖 -->
<dependency>
<groupId>com.thetransactioncompany</groupId>
<artifactId>cors-filter</artifactId>
<version>2.5</version>
</dependency>

2.在web.xml中配置跨域 filter

<!--配置跨域过滤器-->
<filter>
<filter-name>corsFilter</filter-name>
<filter-class>com.thetransactioncompany.cors.CORSFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>corsFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>

最后成功解决!!!