[Java] 详解Springboot+React项目跨域访问问题

• 框架：springboot 1.5.10.release
  
• 开发工具：idea
  
• jdk:1.8
  
• 前端框架:react 15.6.1
  
• 浏览器：chrome浏览器
  

failed to load http://localhost:8080/test/test.do: no ‘access-control-allow-origin' header is present on the requested resource. origin ‘null' is therefore not allowed access.

public class corsfilter implements filter {
 
  public void init(filterconfig filterconfig) throws servletexception {
  }
 
  public void dofilter(servletrequest request, servletresponse response, filterchain chain)
  throws ioexception, servletexception {
  httpservletresponse httpresponse = (httpservletresponse) response;
  httpresponse.setheader("access-control-allow-origin", "http://localhost:3000");//设置允许跨域的域名，需要发送cookie信息，所以此处需要指定具体的域名，
  httpresponse.setheader("access-control-allow-headers", "origin, x-requested-with, content-type, accept");
  httpresponse.setheader("access-control-allow-methods", "get, put, delete, post");//允许跨域的请求方式
  /**
   * ajax请求的时候如果带有xhrfields:{withcredentials:true}，
   * 那么服务器后台在配置跨域的时候就必须要把access-control-allow-credentials这个请求头加上去
   */
  httpresponse.setheader("access-control-allow-credentials", "true");//允许发送cookie信息
  httpresponse.setheader("cache-control", "no-cache, no-store, must-revalidate"); // 支持http 1.1.
  httpresponse.setheader("pragma", "no-cache"); // 支持http 1.0. response.setheader("expires", "0");
  chain.dofilter(request, response);
  }
 
  public void destroy() {
  // todo auto-generated method stub
  }
}

devserver: {
    port: '3000',//开发端口
    host: '127.0.0.1',//主机地址
    historyapifallback: false,
    disablehostcheck: true,
    noinfo: false,
    stats: 'minimal',
    inline: true,
    //开启服务器的模块热替换(hmr)
    hot: true,
    // 和上文 output 的“publicpath”值保持一致
    publicpath: context,
    proxy: {
    '/mytest/*': {
      target: "http://localhost:8080",//对应后端端口
      secure: false,
      changeorigin: true
    }//如果controller的requestmapping有多个这里也要对应多个
    ,'/test/*': {
      target: "http://localhost:8080",
      secure: false,
      changeorigin: true
    }
    }