Access-Control-Allow-Origin跨域问题的报错以及解决

Access-Control-Allow-Origin跨域问题的报错以及解决

这是浏览器控制台报错详情，在前后端分离，前段需要传数据进入后端时报的错

解决方案：配置跨域过滤器

1、先复制以下代码（过滤器）生成一个.java文件

package com.zking.ssh.base.util;

import java.io.IOException;

import javax.servlet.Filter;
import javax.servlet.FilterChain;
import javax.servlet.FilterConfig;
import javax.servlet.ServletException;
import javax.servlet.ServletRequest;
import javax.servlet.ServletResponse;
import javax.servlet.http.HttpServletResponse;

/**
 * 配置tomcat允许跨域访问
 * 
 * @author Administrator
 *
 */
public class CorsFilter2 implements Filter {

	@Override
	public void init(FilterConfig filterConfig) throws ServletException {
	}

	@Override
	public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain)
			throws IOException, ServletException {
		HttpServletResponse httpResponse = (HttpServletResponse) servletResponse;

		// Access-Control-Allow-Origin就是我们需要设置的域名
		// Access-Control-Allow-Headers跨域允许包含的头。
		// Access-Control-Allow-Methods是允许的请求方式
		httpResponse.setHeader("Access-Control-Allow-Origin", "*");// *,任何域名
		httpResponse.setHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");
		httpResponse.setHeader("Access-Control-Allow-Methods", "POST, GET, PUT, DELETE");
		filterChain.doFilter(servletRequest, servletResponse);
	}

	@Override
	public void destroy() {

	}
}

2、把过滤器配置进入web.xml

  <!-- CorsFilter解决跨域问题 -->
  <filter>
  	<filter-name>corsFilter</filter-name>
  	<filter-class>com.zking.ssh.base.util.CorsFilter2</filter-class>
  </filter>
  <filter-mapping>
  	<filter-name>corsFilter</filter-name>
	<url-pattern>/*</url-pattern>
  </filter-mapping>