服务端解决跨域问题，通过Spring MVC 4.2 增加 的CORS 支持

问题描述

跨域：指的是游览器不能执行其他网站的脚本。它是由游览器的同源策略造成的，是游览器对JavaScript施加的安全限制。

使用场景：ssm框架写控制器， Vue-cli的webpack-simple框架
ssm的端口号是8080，vue的端口号是8081，出现跨域问题。

解决办法

1）使用CORS（跨资源共享）解决跨域问题

CORS是一个W3C标准，全称是“跨域资源共享”（Cross-orgin resource sharing）。它允许游览器向跨源服务器，发出XMLHTTPRequest请求，从而克服Ajax只能同源使用的限制。

具体实施方法：

参考网址

1. 在SpringMVC下的解决方案：

定义com.tan.filter.CORSFilter

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;  
import org.springframework.stereotype.Component;  
@Component  
public class CORSFilter implements Filter {  
  public void doFilter(ServletRequest req, ServletResponse res, FilterChain chain) throws IOException, ServletException {  
    HttpServletResponse response = (HttpServletResponse) res;  
    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", "Origin, X-Requested-With, Content-Type, Accept");  
    chain.doFilter(req, res);  
  }  
  public void init(FilterConfig filterConfig) {}  
  public void destroy() {}  
}  

在web.xml中添加

<filter>  
  <filter-name>cors</filter-name>  
  <filter-class>com.web.filter.CORSFilter</filter-class>  
</filter>  
<filter-mapping>  
  <filter-name>cors</filter-name>  
  <url-pattern>/*</url-pattern>  
</filter-mapping>  

2. 在Springboot下的解决方案：

参考网址