401 (Nieautoryzowane) w Chrome, ale nie w IE

Question

Niedawno przeszedłem od używania jQuery do używania pobierania izomorficznego w Redux. Podczas pracy w IE udaje mu się pobrać dobrze. Jednak otrzymuję poniższe informacje, gdy uruchomię w Chrome.

Failed to load resource: the server responded with a status of 401 (Unauthorized) 

Warto zauważyć, że interfejs sieciowy ma włączone uwierzytelnianie systemu Windows.

Oto kod, który wykonuje fetch:

export const fetchSearchResults = (name) => { 
    return (dispatch) => { 
    dispatch(requestSearchResults(name)) 
    return fetch(API URI HERE) 
     .then(response => response.json()) 
     .then(json => { 
     console.log('Fetch: ' + json.message.features.length) 
     dispatch(receiveSearchResults(json)) 
     }) 
    } 
} 

Answer 1

Przypuszczam masz ciasteczka uwierzytelniania opartego na serwerze. W tym przypadku może być powiązany z kluczem credentials dla fetch. wnioski XHR, że stosowane w jQuery zawsze wysłać plik cookie, ale przy użyciu fetch należy przekazać credentials opcję z

• same-origin jeśli się wniosek do tego samego pochodzenia (domeny)
• include inaczej

Jak to:

... 
fetch(API_URI_HERE, {credentials: 'same-origin'}) 
... 

Zakładam, że działa w IE, ponieważ polyfill fetch używa żądań XHR pod maską.