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重启应用跨域问题成功解决。
JAVA资源分享,学习交流群