Always hole Methode DELETE ist nicht erlaubt von Access-Control-Allow-Methoden in Preflight-Antwort

Question

Ich benutze Jersey als meine erholsame API-Implementierung. Im Frontend verwende ich angularjs $ http-Service, um http-Anfragen zu stellen. Wenn ich eine Löschmethode anfordere, habe ich immer einen Fehler unterschritten.

Ich lese einige Artikel und sie sagen, ich muss löschen auf "Access-Control-Allow-Methoden" zulassen. Ich habe den Antwortfilter wie folgt eingerichtet, aber es hat immer noch ein solches Problem. Was soll ich sonst machen?

@Provider 
public class CORSResponseFilter implements ContainerResponseFilter { 

    @Override 
    public void filter(ContainerRequestContext requestContext, ContainerResponseContext responseContext) throws IOException { 
     MultivaluedMap<String, Object> headers = responseContext.getHeaders(); 

     headers.add("Access-Control-Allow-Origin", "*"); 
     headers.add("Access-Control-Allow-Methods", "*"); 
    } 
} 

unten ist mein Winkel Code, um die Anfrage zu machen:

$http({ 
      method: 'DELETE', 
      url: remoteUrl, 
      headers : {'Content-Type': 'application/x-www-form-urlencoded;charset=utf-8', 
       'ACCESS_TOKEN' : $cookieStore.get("access_token") 
      }, 
      data : $httpParamSerializer({ 
       'id':id 
      }) 
     }).success(function(data,status,headers,config) { 
      $scope.refreshDepartments(); 
      console.log(data); 
      alert("success"); 
     }).error(function(data,status,headers,config){ 
      console.log(data); 
      alert("error"); 
     }); 

Answer 1

Nach einigen Tests fand ich die Lösung. Ich setze die Methode allow auf den Header wie folgt, dann funktioniert es. Ich weiß nicht, warum "*" nicht funktioniert.

headers.add("Access-Control-Allow-Methods", "GET, POST, OPTIONS, PUT, DELETE"); 

Answer 2

Versuchen Sie, die CORS-Erweiterung für Chrome, es half mir einmal.

EDIT

Dies geschieht, weil Winkel X-Header Schlüssel in der Request-Header hinzufügt.

X-Headers im Allgemeinen definieren oder die Betriebsparameter festgelegt für den HTTP-req/res

Sie können dieses Problem beheben, indem Sie den Content-Type Ihrer Anfragen zu "text/plain" Modifizieren oder "application/x-www-form-urlencoded" oder "multipart/form-data".

Sie können dies tun, indem Sie in Ihrer App-Konfiguration einen Interceptor verwenden.

EDIT

Fügen Sie diesen Code auf dem Server -

header('Access-Control-Allow-Headers: X-Requested-With'); 

Versuchen Sie, den Content-Type auf text/plain

Hoffnung zu ändern, das hilft .