Spring项目Ajax请求跨域问题解决简单的说即为浏览器限制访问A站点下的js代码对B站点下的url进行ajax请求。

什么是跨域

简单的说即为浏览器限制访问A站点下的js代码对B站点下的url进行ajax请求。比如说，前端域名是www.abc.com，那么在当前环境中运行的js代码，出于安全考虑，访问www.xyz.com域名下的资源，是受到限制的。现代浏览器默认都会基于安全原因而阻止跨域的ajax请求，这是现代浏览器中必备的功能。

解决办法

有根据spring的版本不同有以下2种解决办法：

1. spring的4.2以后的版本

在spring的4.2版本以后支持CORS（跨域资源共享），只需要在类或者方法上加入@CrossOrigin注解来实现

@CrossOrigin(origins = "http://www,xxx.com";, maxAge = 3600) 
@RestController @RequestMapping("/account") 
public class AccountController {

    @RequestMapping("/{id}") 
    public Account retrieve(@PathVariable Long id) { // ... }

    @RequestMapping(method = RequestMethod.DELETE, path = "/{id}")
    public void remove(@PathVariable Long id) { // ... } 
}

origins: 设置允许请求的域名，可以设置为*不限制
maxAge: 表明在3600秒内，不需要再发送预检验请求，添加@CrossOrigin注解后，不需要在ajax请求上有任何改动即可正常发出请求接收数据。

在Spring4.2中除了在controller的类或方法上设置外，还可以设置全局配置：

定义一个继承自WebMvcConfigurerAdapter的类

public class CorsConfigurerAdapter extends WebMvcConfigurerAdapter{
 @Override 
    public void addCorsMappings(CorsRegistry registry) {
        //设置允许请求的接口（允许已'/api/'开头的请求地址）
        registry.addMapping("/api/*")
        允许跨域请求的域名（不限制）
        .allowedOrigins("*")
        //允许跨域的请求方式
        .allowedMethods("GET", "PUT", "DELETE", "POST");  
    } 
}

将该类注入到容器中

<bean class="com.lemo.web.config.CorsConfigurerAdapter"></bean>

这样就配置成功了

2.在spring的4.2版本之前

在spring的4.2版本之前，可以通过自定义一个拦截器，给请求加上相应的相应头来处理

@Component
public class MyCorsFilter implements Filter {
    
    @Override
    public void init(FilterConfig filterConfig) throws ServletException {}
    
    @Override
    public void doFilter(ServletRequest servletRequest, ServletResponse    servletResponse, FilterChain filterChain) throws IOException, ServletException {
    
    
       HttpServletResponse response = (HttpServletResponse) servletResponse;
    
    
       String origin = (String) servletRequest.getRemoteHost()+":"+servletRequest.getRemotePort();
    
    
      response.setHeader("Access-Control-Allow-Origin", "*"); //表明它允许任意连接发起跨域请求，*表示所有网站，可以把*替换为具体的网站
    
    
       response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE"); //表明它允许GET、POST、OPTIONS、DELETE的外域请求
    
    
       response.setHeader("Access-Control-Max-Age", "3600"); //表明在3600秒内，不需要再发送预检验请求
    
    
       response.setHeader("Access-Control-Allow-Headers", "x-requested-with,Authorization"); //表明它允许跨域请求包含content-type头
    
    
       response.setHeader("Access-Control-Allow-Credentials","true"); //设置跨域ajax请求时是否带cookie的设置
    
    
       filterChain.doFilter(servletRequest, servletResponse);
    }
    
    @Override
    public void destroy() {}
}

在web.xml中配置使拦截器生效，配置完后即可生效

<filter>
  <filter-name>cors</filter-name>
  <filter-class>com.leimo.filter.myeCORSFilter</filter-class>
</filter>

<filter-mapping>
  <filter-name>cors</filter-name>
  <url-pattern>/*</url-pattern>
</filter-mapping>

结语

如有不正确的地方，或者更好的方法，希望有大佬可以指出，感谢