跨域问题-工作经验

超、凢脫俗 2024-02-19 19:10 40阅读 0赞

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

#### 方法一：使用过滤器 ####

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

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);
    	}
    }

[20190315103221993.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/93bfced4487a428d82bc1b888b5f6adb.png