jQuery-跨域問題的處理

調用登錄接口時，后端一般會在調用登錄接口成功后，在response中設置cookie，之后前端的每次請求都會自動地在請求頭上加上后端設置好的cookie，這對前端來說是透明的。

當登錄接口與登錄后調用的接口域名不同時，會出現跨域問題。處理跨域問題的方式如下：

前端部分：

<script>
    $(function () {
        $.ajaxSetup({crossDomain: true, xhrFields: {withCredentials: true}});
    });
</script>

或是直接在請求中加上crossDomain:true和xhrFields

$.ajax({
    type: 'POST',
    url: base + "/farmer/farmeruser/login",
    data: pack(data),
    contentType: 'application/json',
    xhrFields: {
        withCredentials: true
    },
    crossDomain: true,
    success: function (data) {
        
    },
    error: function () {

    }
})

后端部分（Java）：

private boolean recharge(HttpServletRequest request, HttpServletResponse response) throws Exception {
    String url = request.getHeader("Origin");
    logger.debug("Access-Control-Allow-Origin:" + url);
    if (!StringUtils.isEmpty(url)) {
        String val = response.getHeader("Access-Control-Allow-Origin");
        if (StringUtils.isEmpty(val)) {
            response.addHeader("Access-Control-Allow-Origin", url);
            response.addHeader("Access-Control-Allow-Credentials", "true");
        }
    }
    return true;
}

首先獲取Allow-Origin的值，然后判斷是否為空，若為空，則給resoponse加上Allow-Orgin的值，即為請求處的url，同時設置Allow-Credentials（允許證件）的值為true即可。

這樣設置cookie便可以成功，之后的請求都會自動加上cookie。