前后端分离，解决AJAX跨域问题

直接进入主题：

解决方案一、

SpringBoot项目需要写一个过滤器，配置Response响应头

第一步、

/**
 * 说明：跨域访问处理
 * 作者:fei
 * 
 */
@Component
public class CORSFilter implements Filter {

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

	}

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

		HttpServletRequest request = (HttpServletRequest) servletRequest;
		HttpServletResponse response = (HttpServletResponse) servletResponse;
		response.setContentType("textml;charset=UTF-8");
		response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin"));
		response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
		response.setHeader("Access-Control-Max-Age", "0");
		response.setHeader("Access-Control-Allow-Headers","Origin, No-Cache, X-Requested-With, If-Modified-Since, Pragma, Last-Modified, Cache-Control, Expires, Content-Type, X-E4M-With,userId,token");
		response.setHeader("Access-Control-Allow-Credentials", "true"); // 是否支持cookie跨域        
		response.setHeader("XDomainRequestAllowed", "1");
		response.setHeader("Set-Cookie", "HttpOnly;Secure;SameSite=None");
		filterChain.doFilter(servletRequest, servletResponse);

	}

	@Override
	public void destroy() {

	}
}

        上面的配置好的类可以直接拿来用

第二步、

        可以新建一个类，当作bean的工具类

        这个类用来注册Bean

@Configuration 
@EnableCaching
public class CacheConfig{
	
    @Autowired
	private CORSFilter corsFilter;

	@Bean
	public FilterRegistrationBean registerAuthFilter() {
		FilterRegistrationBean registration = new FilterRegistrationBean();
		registration.setFilter(corsFilter);
		registration.addUrlPatterns("/*");
		registration.setName("authFilter");
		//值越小，Filter越靠前
		registration.setOrder(1);
		return registration;
	}
}

第三步、

AJAX加一个参数

               xhrFields: { withCredentials: true  }

以上就是解决AJAX跨域问题方案之一