2017-04-04 40 views
0

我想在我的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); 

错误。 error message

我添加了这段代码来应用正确的标题,但它们似乎不起作用。

@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"); 
    } 

} 

回答

0

看起来像您的API未启用允许OPTIONS http方法。在CORS场景中,在实际呼叫之前,有一个使用http方法作为OPTIONS进行的飞行前请求。为了支持这个,你的API应该允许OPTIONS和GET http方法。