Nagłówki żądania nie wysłane z pracownika serwisowego

Question

Próbuję pobrać usługę sieci Web od pracownika serwisu. Ta usługa to strona JSP zabezpieczona podstawowym uwierzytelnianiem Apache, więc muszę podać poświadczenia do uwierzytelnienia w nagłówkach żądań. Poniższy wniosek współpracuje tylko z poziomu okna głównego:

self.addEventListener('push', function(event) { 
    console.log('Received a push message', event); 

    event.waitUntil(
    fetch(ONLINE_SITE_ENDPOINT, { 
    method: 'GET', 
    mode: 'cors', 
    headers: { 
     'Accept': 'application/json', 
     'Authorization': 'Basic btoa(auth info)' 
    } 
    }).then(function(response) { 
     //process response 
    }).catch(function(err) { 

    }) 
); 
}); 

Ten kod jest w na event.waitUntil() zakres, w funkcji o nazwie z „push” słuchacza zdarzeń. Jednak to samo dokładne połączenie nie udaje się z 401 (nieautoryzowanym). Panel Sieć z narzędzi programistycznych pokazuje, że nagłówki nie są wysyłane:

OPTIONS /latest-new.jsp HTTP/1.1 
Host: {an accessible host} 
Connection: keep-alive 
Access-Control-Request-Method: GET 
Origin: http://localhost 
User-Agent: Mozilla/5.0 (X11; Linux i686) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.134 Safari/537.36 
Access-Control-Request-Headers: accept, authorization 
Accept: */* 
Referer: http://localhost/service-worker.js 
Accept-Encoding: gzip, deflate, sdch 
Accept-Language: en-US,en;q=0.8 

Czy czegoś tu brakuje? lub po prostu nie można go uzyskać od pracownika serwisowego?

Kilka dodatkowych informacji: po prostu nie można użyć XMLHttpRequest, ponieważ jest "Nie zdefiniowany" w zakresie serwisowym. Nagłówki na JSP przed pobraniem JSON:

response.setHeader("Access-Control-Allow-Origin", "*"); 
response.setHeader("Access-Control-Allow-Methods", "POST, GET, OPTIONS, DELETE"); 
response.setHeader("Access-Control-Max-Age", "3600"); 
response.setHeader("Access-Control-Allow-Headers", "x-requested-with"); 

UPDATE: pewno jest coś z nagłówkami uwierzytelniania z pracowników usług, ponieważ wnioski do niezabezpieczonych adresów URL nie zawiedzie. Ta sama usługa bez autoryzacji Apache działa zgodnie z oczekiwaniami.

Answer 1

należy ustawić jako dozwolony nagłówków również zaakceptować i upoważnienie

response.setHeader(
    "Access-Control-Allow-Headers", 
    "x-requested-with, accept, authorization" 
); 

również treść odpowiedzi na „Opcje” Żądanie powinno zostać puste (nie jest konieczne, rzeczywiście, ale nie ma sensu sprawa dla ciała w takiej odpowiedzi) i Content-length: powinno być 0 (zero)

należy pamiętać, że wniosek ten nie powinien być przekazany do aplikacji (można, ale nie trzeba)

Answer 2

Przekaż {"poświadczenia": "dołącz"} jako parametr do wywołania funkcji fetch().

https://fetch.spec.whatwg.org/