ajax跨域资源请求解决

系统管理员 2022-06-13 00:14 269阅读 0赞

## 跨域请求 ##

http://www.xxx.com:8080/

协议号（http://）、子域名(www)、主域名(xxx)、端口号(8080)任何一处不同都算不同的域。

## 处理方法    ##

1、代理

利用nginx做反向代理。配置如下

location /smarthome{
               add_header 'Access-Control-Allow-Origin'  '*';
    	   add_header 'Access-Control-Allow-Credentials' 'true'; 
               add_header 'Access-Control-Allow-Methods' 'GET'; 
    
    	    proxy_pass http://localhost:8082/com.anjubao.smarthome/;
    	}

add\_header Access-Control-Allow-Origin            指定允许的url;

配置允许任何源跨域请求    http://localhost:8082/com.anjubao.smarthome/

2、springmvc配置

<mvc:cors>
    	    <mvc:mapping path="/**"
    	        allowed-origins="*"
    	        allowed-methods="GET, PUT, POST "
    	        allowed-headers="Content-Type,X-Token,X-Username,accept, x-requested-with"
    	        exposed-headers="" allow-credentials="false"
    	        max-age="3600" />	   
        </mvc:cors>

3、JSONP

服务器返回jsonp的格式的数据。

ajax请求如下：

$.ajax({
        url : "http://10.10.121.40:9000/concurrency/default,
                dataType:"jsonp",
                jsonp:"callback",//回调函数
                success: function (json) {
                    ...
                }
                   });

服务器代码如下：

public static String toJSONPString(Object o){
            if(o!=null){
                HttpServletRequest request = ((ServletRequestAttributes)RequestContextHolder.getRequestAttributes()).getRequest();  
                String callback = request.getParameter("callback");
                String jsonString=JSON.toJSONString(o);
                //jsonp数据返回格式：传递过来的回调函数名+（json数据）
               String jsonpString=callback+"("+jsonString+")";
                return jsonpString;
                }else {
                    return "";
                }
        }

4、只需要在服务器端头部加上下面两句代码：

header( "Access-Control-Allow-Origin:\*" );

header( "Access-Control-Allow-Methods:POST,GET" );