利用Filter解决跨域请求的问题

Posted 2020-12-28 liwenlongblog

1、为什么出现跨域。

很简单的一句解释，A系统中使用ajax调用B系统中的接口，此时就是一个典型的跨域问题，此时浏览器会出现以下错误信息，此处使用的是chrome浏览器。

 

错误信息如下：

jquery-1.8.0.min.js:3 Failed to load http://localhost:8081/authz/openapi/v1/token: No ‘Access-Control-Allow-Origin‘ header is present on the requested resource. Origin ‘null‘ is therefore not allowed access.

 

这就是跨域后浏览器报错，当然导致跨域问题的一些细节想要了解可以自行百度，此处只是介绍如何进行解决。

 

2、利用Filter解决跨域问题。

（1）首先新建一个filter，代码完全可以copy。

package com.leimingtech.web.context;   import javax.servlet.*; import javax.servlet.http.HttpServletResponse; import java.io.IOException;   public class CrossDomainFilter implements Filter {       @Override     public void init(FilterConfig filterConfig) throws ServletException {     }       @Override     public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {        HttpServletResponse httpServletResponse=(HttpServletResponse)servletResponse;        httpServletResponse.setHeader("Access-Control-Allow-Origin", "*");        httpServletResponse.setHeader("Access-Control-Allow-Headers", "Authentication");        filterChain.doFilter(servletRequest,httpServletResponse);     }       @Override     public void destroy() {     } }

 

（2）修改web.xml配置文件，将filter配置进去。

<!-- 跨域请求filter --> <filter>     <filter-name>crossDomainFilter</filter-name>     <filter-class>com.leimingtech.web.context.CrossDomainFilter</filter-class> </filter> <filter-mapping>     <filter-name>crossDomainFilter</filter-name>     <url-pattern>/*</url-pattern> </filter-mapping>

（3）ok重启应用跨域问题成功解决。