Angular2 rease CORS錯誤與Payara Basic驗證

我想在我的Payara服務器上使用Java EE應用程序的基本驗證登錄到我的rest API。但是當我嘗試提出請求時。我收到未經授權的CORS頭部錯誤。Angular2 rease CORS錯誤與Payara Basic驗證

提出請求的代碼。

var data = null; 

var xhr = new XMLHttpRequest(); 
xhr.withCredentials = true; 

xhr.addEventListener("readystatechange", function() { 
    if (this.readyState === 4) { 
    console.log(this.responseText); 
    } 
}); 

xhr.open("GET", "http://localhost:8080/twitter/api/tweet/get?id=7"); 
xhr.setRequestHeader("Authorization", "Basic " + btoa("username:password")); 
xhr.setRequestHeader("cache-control", "no-cache"); 
xhr.setRequestHeader("postman-token", "d2883762-63dc-3158-ea76-21ff13182cee"); 

xhr.send(data);

錯誤。

我添加了這段代碼來應用正確的標題，但它們似乎不起作用。

@Provider 
public class NewCrossOriginResourceSharingFilter implements ContainerResponseFilter { 

    @Override 
    public void filter(ContainerRequestContext requestContext, ContainerResponseContext response) { 
     response.getHeaders().putSingle("Access-Control-Allow-Origin", "*"); 
     response.getHeaders().putSingle("Access-Control-Allow-Methods", "GET, HEAD, POST, PUT, DELETE, OPTIONS"); 
     response.getHeaders().putSingle("Access-Control-Allow-Headers", "Content-Type"); 
    } 

}

來源

2017-04-04 Davidto

看起來像您的API未啓用允許OPTIONS http方法。在CORS場景中，在實際呼叫之前，有一個使用http方法作爲OPTIONS進行的飛行前請求。爲了支持這個，你的API應該允許OPTIONS和GET http方法。

來源

2017-04-05 09:28:43 NrN

Angular2 rease CORS錯誤與Payara Basic驗證

回答

相關問題