ajax post跨域请求解决

最新推荐文章于 2025-03-12 14:14:53 发布

__心诺

最新推荐文章于 2025-03-12 14:14:53 发布

阅读量2w

点赞数

分类专栏： Java jquery + js + ajax

本文链接：https://blog.youkuaiyun.com/moxiaoya1314/article/details/80430300

版权

Java 同时被 2 个专栏收录

58 篇文章

订阅专栏

jquery + js + ajax

33 篇文章

订阅专栏

本文介绍了两种解决Ajax POST跨域请求的方法。一是通过在后端响应中添加'Access-Control-Allow-Origin'头信息，二是利用CORS（跨源资源共享）机制，详细配置了CORS Filter以实现跨域访问。具体步骤包括在Java后台引入cors-filter库，修改web.xml配置，并解释了相关配置参数的意义。

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

一、使用 response.addHeader(“Access-Control-Allow-Origin”, “*”); 解决

1、前端
这里写图片描述

2、后端：

这里写图片描述

二、使用CORS 解决
1、跨域问题属于后台的安全拦截，跟客户端没关系，在java后台，使用cors filter进行拦截处理，引用maven库cors-filter
这里写图片描述

2、修改web.xml，增加cors过滤器，在cors.supportedHeaders节点中，增加Access-Control-Allow-Origin，该处也可以改成＊
这里写图片描述

<!-- CORS-->
    <filter>   
        <filter-name>CORS</filter-name>   
        <filter-class>com.thetransactioncompany.cors.CORSFilter</filter-class>   
        <init-param>      
            <param-name>cors.allowOrigin</param-name>      
            <param-value>*</param-value>   
        </init-param>   
        <init-param>      
            <param-name>cors.supportedMethods</param-name>      
            <param-value>GET, POST, HEAD, PUT, DELETE</param-value>   
        </init-param>   
        <init-param>      
            <param-name>
cors.supportedHeaders</param-name>      
            <param-value>Accept, Origin, X-Requested-With, Content-Type, Last-Modified, Access-Control-Allow-Origin</param-value>   
        </init-param>   
        <init-param>      
            <param-name>cors.exposedHeaders</param-name>      
            <param-value>Set-Cookie</param-value>   
        </init-param>   
        <init-param>      
            <param-name>cors.supportsCredentials</param-name>      
            <param-value>true</param-value>   
        </init-param>
    </filter>
    <filter-mapping>   
        <filter-name>CORS</filter-name>   
        <url-pattern>/*</url-pattern>
    </filter-mapping>

3、
cors.allowOrigin：可以通过的ip，代表所有，可以使用指定的ip，多个的话可以用逗号分隔，默认为
cors.supportedMethods：请求方式默认为*
cors.supportedHeaders：请求支持的头信息，默认为*
cors.exposedHeaders：暴露的头信息，默认的empy list
cors.supportsCredentials：支持证书，默认为true
cors.maxAge：最大过期时间，默认为-1
cors.tagRequests：默认为false
cors.allowSubdomains：允许子域默认为false
详细设置，可参考官网：http://software.dzhuvinov.com/cors-filter-configuration.html

4、服务端修改后，重启tomcat