ajax请求跨域cors详解配置

最新推荐文章于 2025-06-08 20:42:57 发布

原创最新推荐文章于 2025-06-08 20:42:57 发布 · 3.5k 阅读

1 ·

CC 4.0 BY-SA版权

本文介绍了一种通过CORS Filter实现跨域访问的方法。通过在pom.xml中引入cors-filter库，并在web.xml中配置相应的参数，使得服务器能够正确响应跨域请求。支持多种HTTP方法及自定义头部。

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

CORS的原理：
CORS定义一种跨域访问的机制，可以让AJAX实现跨域访问。CORS 允许一个域上的网络应用向另一个域提交跨域 AJAX 请求。实现此功能非常简单，只需由服务器发送一个响应标头即可。

pom.xml引入库(代替jar)

com.thetransactioncompany
cors-filter
2.5

动态项目下：下载cors-filter-1.7.jar，java-property-utils-1.9.jar这两个库文件，放到lib目录下。（可在
http://search.maven.org上查询并下载。

web.xml 配置filer

CORS
com.thetransactioncompany.cors.CORSFilter

cors.allowGenericHttpRequests
true

    <init-param>
        <param-name>cors.allowOrigin</param-name>
        <param-value>*</param-value>
    </init-param>

    <init-param>
        <param-name>cors.allowSubdomains</param-name>
        <param-value>false</param-value>
    </init-param>

    <init-param>
        <param-name>cors.supportedMethods</param-name>
        <param-value>GET, HEAD, POST, OPTIONS</param-value>
    </init-param>

    <init-param>
        <param-name>cors.supportedHeaders</param-name>
        <param-value>Accept, Origin, X-Requested-With, Content-Type, Last-Modified</param-value>
    </init-param>

    <init-param>
        <param-name>cors.exposedHeaders</param-name>
        <!--这里可以添加一些自己的暴露Headers   -->
        <param-value>X-Test-1, X-Test-2</param-value>
    </init-param>

    <init-param>
        <param-name>cors.supportsCredentials</param-name>
        <param-value>true</param-value>
    </init-param>

    <init-param>
        <param-name>cors.maxAge</param-name>
        <param-value>3600</param-value>
    </init-param>

</filter>
<filter-mapping>
    <!-- CORS Filter mapping -->
    <filter-name>CORS</filter-name>
    <url-pattern>/*</url-pattern>
</filter-mapping>
<!-- 跨域配置     end-->