java 跨域问题解决

1. 无关Cookie跨域Ajax请求

客户端

以 Jquery 的 ajax 为例:

$.ajax({
        url : 'http://remote.domain.com/corsrequest',
        data : data,
        dataType: 'json',
        type : 'POST',
        crossDomain: true,
        contentType: "application/json", // POST时必须
        ...

主要注意的是参数 crossDomain: true。发送Ajax时,Request header 中会包含跨域的额外信息,但不会含cookie。

服务器端

跨域的允许主要由服务器端控制。服务器端通过在响应的 header 中设置 Access-Control-Allow-Origin 及相关一系列参数,提供跨域访问的允许策略。相关参数的设置介绍,可参见 [Access_control_CORS]

以Java为例:

/**
* Spring Controller中的方法:
*/
    @RequestMapping(value = "/corsrequest")
    @ResponseBody
    public Map<String, Object> mainHeaderInfo(HttpServletResponse response) {
        response.setHeader("Access-Control-Allow-Origin", "*");
        ...
}
 
 
    • 通过在响应 header 中设置 ‘*’ 来允许来自所有域的跨域请求访问。
    response.setHeader("Access-Control-Allow-Origin", "*");
     
     
      • 只允许来自特定域 http://my.domain.cn:8080 的跨域访问
      response.setHeader("Access-Control-Allow-Origin", "http://my.domain.cn:8080");
      • 较灵活的设置方式,允许所有包含 mydomain.com 的域名访问.
      if(request.getHeader("Origin").contains("mydomain.com")) {
          response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin"));
      }

      2. 带Cookie的跨域Ajax请求

      客户端

      $.ajax({
              url : 'http://remote.domain.com/corsrequest',
              data : data,
              dataType: 'json',
              type : 'POST',
              xhrFields: {
                  withCredentials: true
              },
              crossDomain: true,
              contentType: "application/json",
              ...

      通过设置 withCredentials: true ,发送Ajax时,Request header中便会带上 Cookie 信息。

      服务器端

      相应的,对于客户端的参数,服务器端也需要进行设置:

      /**
      * Spring Controller中的方法:
      */
          @RequestMapping(value = "/corsrequest")
          @ResponseBody
          public Map<String, Object> getUserBaseInfo(HttpServletResponse response) {
              if(request.getHeader("Origin").contains("woego.cn")) {
                  response.setHeader("Access-Control-Allow-Origin", request.getHeader("Origin"));
              }
              response.setHeader("Access-Control-Allow-Credentials", "true");
              ...
      }

      对应客户端的 xhrFields.withCredentials: true 参数,服务器端通过在响应 header 中设置 Access-Control-Allow-Credentials = true 来运行客户端携带证书式访问。通过对 Credentials 参数的设置,就可以保持跨域 Ajax 时的 Cookie。这里需要注意的是:

      服务器端 Access-Control-Allow-Credentials = true时,参数Access-Control-Allow-Origin 的值不能为 '*'


      3. Java中使用跨域 Filter

      当允许跨域访问的接口较多时,在每个请求中都添加 Access-Control-Allow-Origin 显然是不合适的。对于比较原生的 Java web 应用,使用 Filter 是一个不错的选择。

      NOTE:不同的框架,特别是支持REST的框架,大多提供了自己的跨域设置方式,如Spring4的Config等,可以优先从使用的框架中寻找支持。

      Filter本身很简单,可以直接把上面两句设置 Header 的语句抽取出来写一个Filter。这里推荐一个 Tomcat 中的 Filter:org.apache.catalina.filters.CorsFilter

      • 引入
        这个类在 Tomcat 的 catalina.jar 中,可以通过将 tomcat/lib 下的 jar 包引用到项目中的方式来使用。但如果你对项目的 jar 环境有’洁癖’, 也可以单独把 这个类的 SVN源码 拷贝到项目中,修改(删除)一下‘日志’和‘异常提示内容’的引用就可以运行在任何原生java web项目中了。

      • 设置方法
        在 web.xml 中设置Filter:

      <filter>
        <filter-name>CorsFilter</filter-name>
        <filter-class>org.apache.catalina.filters.CorsFilter</filter-class>
      </filter>
      <filter-mapping>
        <filter-name>CorsFilter</filter-name>
        <url-pattern>/*</url-pattern>
      </filter-mapping>

      一点补充:
      Filter的 默认 设置包含了:

      <filter>
        <filter-name>CorsFilter</filter-name>
        <filter-class>org.apache.catalina.filters.CorsFilter</filter-class>
        <init-param>
              <param-name>cors.allowed.origins</param-name>
              <param-value>*</param-value>
        </init-param>
        <init-param>
              <param-name>cors.support.credentials</param-name>
              <param-value>true</param-value>
        </init-param>
      </filter>
      <filter-mapping>
        <filter-name>CorsFilter</filter-name>
        <url-pattern>/*</url-pattern>
      </filter-mapping>

      这里的 cors.allowed.origins 虽然是 ‘*’,但实现上已经被优化,不会与 credentials 冲突。

      注:上述可以解决大部分问题,但是解决不了苹果设备上的safari浏览器的跨域,因为它默认设置不允许跨域,除非手动设置浏览器。但哪个客户自己去手动设置呢

      转:https://blog.csdn.net/wzl002/article/details/51441704

      • 0
        点赞
      • 1
        收藏
        觉得还不错? 一键收藏
      • 0
        评论

      “相关推荐”对你有帮助么?

      • 非常没帮助
      • 没帮助
      • 一般
      • 有帮助
      • 非常有帮助
      提交
      评论
      添加红包

      请填写红包祝福语或标题

      红包个数最小为10个

      红包金额最低5元

      当前余额3.43前往充值 >
      需支付:10.00
      成就一亿技术人!
      领取后你会自动成为博主和红包主的粉丝 规则
      hope_wisdom
      发出的红包
      实付
      使用余额支付
      点击重新获取
      扫码支付
      钱包余额 0

      抵扣说明:

      1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
      2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

      余额充值