如何解决web项目跨域问题

来源:互联网 发布:天猫淘宝商城女装冬装 编辑:程序博客网 时间:2024/05/22 00:54

在开发过程中,前台页面在访问后台接口的过程中,出现了跨域问题,解决完毕后,记录一下,备忘。

1。在项目的pom.xml文件中添加如下依赖:

<!-- tomcat 下配置ajax 跨域 访问 -->        <dependency>              <groupId>com.thetransactioncompany</groupId>              <artifactId>cors-filter</artifactId>              <version>1.7.1</version>          </dependency>        <dependency>            <groupId>com.thetransactioncompany</groupId>              <artifactId>java-property-utils</artifactId>              <version>1.9</version>          </dependency>        

2。在项目的web.xml文件中添加如下过滤器:

<!-- tomcat 下配置ajax 跨域 访问 -->  <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</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> 

此方法为服务端通用解决办法,客户端无需做处理,简洁方便。