$ http Cross-Domain-Zugang Problem existiert in Header

Question

Eine Anfrage wird über Angularjs $ http mit JSON-Daten an meine REST-Service gesendet. Wenn die Antwort zurückgegeben wird, benötigt Header können folgend, setzt

Response.ok() 
.entity(emp) 
.headers.add("Access-Control-Allow-Origin", "*") 
.headers.add("Access-Control-Allow-Methods", "GET, POST, DELETE, PUT") 
.allow("OPTIONS").build(); 

Aber wenn ich eine Post-Anforderung ohne Daten senden,

$http.post('localhost:8000/employer/register') 

es erfolgreich ist. Mit Daten schlägt es fehl.

$http({method: 'post', url:serverUrl, data:{name:'abc'}, headers:{'Content-Type':'application/json'} }); 

Dies ist meine Ruhe Service

@Path("/register") 
public class EmpService{ 

@Get 
@Path("test") 
@Produces 
public String test(){ 
return "works"; 
} 

@Post 
@Consumes(MediaType.APPLICATION_JSON) 
public Response addEmp(Emp emp){ 

return Response.ok() 
.entity(emp) 
.headers.add("Access-Control-Allow-Origin", "*") 
.headers.add("Access-Control-Allow-Methods", "GET, POST, DELETE, PUT") 
.allow("OPTIONS").build(); 

Browser-Konsole ist, wie folgend.

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:8081/employer/register (Reason: CORS header 'Access-Control-Allow-Origin' missing). 
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:8081/employer/register (Reason: CORS request failed). 

UPDATE: Ich fand, dass der Service nicht aufgerufen, da keine Sys.out.println keine Protokolle gibt. Wer weiß, wo das Problem liegt?

Answer 1

Sie die Header innerhalb der Ressource Methode nicht hinzufügen . Warum? Das Preflight ist eine OPTIONS-Anfrage, bei der es sich um die "pre" -Anfrage handelt, um die Zugriffskontrollheader zu erhalten. Und Sie haben keine OPTIONS-Methode. Der Browser ruft die @POST-Methode nicht auf, um Zugriffssteuerungsheader zu erhalten. Aus diesem Grund sollten Sie using a filter instead sein und die Header dort setzen.

Answer 2

Vielleicht sollten Sie einen Header senden, der vom Server nicht erlaubt ist.

Versuchen Sie folgendes:

headers.add("Access-Control-Allow-Headers", 
    "Origin, Accept, X-Requested-With, Content-Type, Access-Control-Request-Method, Access-Control-Request-Headers, otherCustomHeader"); 

Answer 3

Try this.May Ihre api Route der Server nicht erlaubt Header Daten sein, die Probleme verursacht werden können

$http.post(url:serverUrl, data:{name:'abc'} });