js ajax跨域被阻止 CORS 头缺少 'Access-Control-Allow-Origin'(转)

Posted 2020-11-07 Uknow!

今天ajax请求域名的时候出现

已阻止跨源请求：同源策略禁止读取位于 http://www.zuimeimami.com*****的远程资源。（原因：CORS 头缺少 ‘Access-Control-Allow-Origin‘）。

解决办法1：

 

var url=‘http://localhost:8080/WorkGroupManagment/open/getGroupById"
       +"?id=1&callback=?‘;
   $.ajax({
     url:url,
     dataType:‘jsonp‘,
     processData: false, 
     type:‘get‘,
     success:function(data){
       alert(data.name);
     },
     error:function(XMLHttpRequest, textStatus, errorThrown) {
       alert(XMLHttpRequest.status);
       alert(XMLHttpRequest.readyState);
       alert(textStatus);
     }});

解决办法2：

 

 

 

var url="http://localhost:8080/WorkGroupManagment/open/getGroupById"
    +"?id=1&callback=?";
$.jsonp({
  "url": url,
  "success": function(data) {
    $("#current-group").text("当前工作组:"+data.result.name);
  },
  "error": function(d,msg) {
    alert("Could not find user "+msg);
  }
});

 

解决办法三：

被请求页面加上下面代码，最好content填写域名

 

<meta http-equiv="Access-Control-Allow-Origin" content="*">

 

解决办法四，在请求控制器加上

 

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