跨域问题-工作经验

基于Spring Boot2.0接口实现可跨域访问服务

方法一：使用过滤器

实现接口跨域问题，我们只需要增加一个Filter，在HTTP响应中增加一些头信息，我们通过过滤器来实现。
过滤器可以刚在任何位置，如下

实现过滤器代码如下，

package com.endecode.filter;

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.annotation.WebFilter;
import javax.servlet.http.HttpServletResponse;

import org.springframework.stereotype.Component;

/**
 * 过滤器解决跨域问题
 * 过滤所有的请求
 * 在响应头中添加允许跨域的信息
 */
@Component
@WebFilter(urlPatterns = "/*", filterName = "test")
public class TestFilter implements Filter {
 
	public void init(FilterConfig arg0) throws ServletException {
		System.out.println("过滤器初始化");
	}
 
	public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
		System.out.println("过滤器实现");
		HttpServletResponse response = (HttpServletResponse) servletResponse;
        response.setHeader("Access-Control-Allow-Origin", "*");
        response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE");
        response.setHeader("Access-Control-Max-Age", "3600");
        response.setHeader("Access-Control-Allow-Headers", "x-requested-with");
		filterChain.doFilter(servletRequest, servletResponse);
	}
 
	public void destroy() {
		System.out.println("过滤器销毁了");
	}
 
}

在响应中增加了一些Access-Control-*头。在上面的例子中，设置的头信息表示允许来自任何域的客户端访问POST, GET, OPTIONS和 DELETE请求，请求的结果将缓存至多3600秒。当然，这只是一个很简单的跨域支持filter，也可以根据需要进行更多的设置，比如只支持来自特定域的请求访问特定的资源。

方法二：使用注解

后端解决就比较简单了。例如springboot，只用在Controller类上添加一个“@CrossOrigin“注解就可以实现对当前controller 的跨域访问了，这个注解也可以加到方法上。

@RequestMapping(value = "/users")
@RestController
@CrossOrigin
public class UserController {

	@Autowired
	private UserService userService;
	
	@RequestMapping(method = RequestMethod.POST)
	@CrossOrigin
	public User create(@RequestBody @Validated User user) {
		return userService.create(user);
	}
}