Angular http post請求 - 請求的資源上不存在“Access-Control-Allow-Origin”標頭

Question

我正在嘗試使用angular http post將數據發送到servlet，

var httpPostData = function (postparameters,postData){

     var headers = {
                'Access-Control-Allow-Origin' : '*',
                'Access-Control-Allow-Methods' : 'POST, GET, OPTIONS',
                'Accept': 'application/json'
            };
  return $http ({

    method  : 'POST',
    url     : 'http://localhost:8080/json/jasoncontroller',
    params  : postparameters,
    headers: headers,
    data    : postData
   }).success (function (responseData){
         return responseData.data;
   })
}

但我繼續得到錯誤， 請求資源上沒有'Access-Control-Allow-Origin'標頭。 因此不允許原點'null'訪問。

我確實在我的servlet上設置了以下標題

    response.addHeader("Access-Control-Allow-Origin", "*");
    response.addHeader("Access-Control-Allow-Methods", "POST, GET, PUT, OPTIONS, DELETE");
    response.addHeader("Access-Control-Max-Age", "3600");
    response.addHeader("Access-Control-Allow-Headers", "Origin, X-Requested-With, Content-Type, Accept");

如果我從http帖子中刪除數據它工作正常，但數據沒有運氣。

Answer 1

實際上在一些框架中發生了兩次調用，

• 用於檢查可用方法的選項，
• 然后有實際的電話。

選項只需要空答案200 OK

if(request.methord == 'OPTIONS'){
  res.send(200);
  } else {
   next();
  }

你也可以安裝這個chrome擴展來啟用cors，這是最簡單的方法！