No 'Access-Control-Allow-Origin' header is present on the requested resource

本文介绍了一种解决AngularJS应用中出现的跨域问题的方法。通过在Tomcat的web.xml文件中添加CORS过滤器配置,使得前端可以成功调用后端RESTful API。

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

今天在使用Angularjs ajax调用restful接口的时候,遇到了一个跨域问题:

XMLHttpRequest cannot load http://localhost:8080/***/v1/rest/***/***. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:34370' is therefore not allowed access.

我先大概描述一下我的应用场景:
我有一批数据,它是存储在MySQL数据库,然后呢,我用jersey写了一些restful接口,供其他应用来查询数据,在这里,我有一个前台网站,这个网站需要调用那个restful接口,以查询相关数据展现在前端,前端是用Angularjs的$http来请求的,但是在请求的时候,出现了以上的跨域问题。

解决方案(参考网站):

直接找到Tomcat安装目录下的conf/web.xml,然后加入以下代码:

<filter>
  <filter-name>CorsFilter</filter-name>
  <filter-class>org.apache.catalina.filters.CorsFilter</filter-class>
</filter>
<filter-mapping>
  <filter-name>CorsFilter</filter-name>
  <url-pattern>/*</url-pattern>
</filter-mapping>

注意:Apache Tomcat 是从7.0.41版本开始支持CORS,如果是这之前的版本,请查找其他相关文献。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值