Tomcat设置允许跨域访问

最新推荐文章于 2025-11-12 21:51:52 发布

原创最新推荐文章于 2025-11-12 21:51:52 发布 · 1.2k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#java #后端

java 专栏收录该内容

282 篇文章

订阅专栏

在开发React应用时，如果前端通过axios向运行在不同端口的后端发送请求，会遇到浏览器的同源策略限制。为了解决这个问题，可以在Tomcat的web.xml文件中添加CORS过滤器。具体做法是在web.xml文件末尾插入配置，定义一个名为CorsFilter的过滤器，允许来自所有源的请求。这样设置后，可以实现跨域访问，使得前端和后端能够正常通信。

开发React项目时前端通过axios向后端代码发起请求调试的时候由于后端代码运行在8080端口而React项目运行在3000端口导致浏览器的同源策略禁止跨域请求，因此需修改Tomcat配置文件web.xml以开放跨域访问。

在tomcat的web.xml文件末尾加上：

<filter>
  <filter-name>CorsFilter</filter-name>
  <filter-class>org.apache.catalina.filters.CorsFilter</filter-class>
  <init-param>
    <param-name>cors.allowed.origins</param-name>
    <param-value>*</param-value>
  </init-param>
</filter>
<filter-mapping>
  <filter-name>CorsFilter</filter-name>
  <url-pattern>/*</url-pattern>
</filter-mapping>