401 (Không được phép) trong Chrome, nhưng không phải trong IE

Question

Gần đây tôi đã chuyển từ sử dụng jQuery để sử dụng tìm nạp đẳng hình với Redux. Khi chạy trong IE, nó quản lý để lấy tiền phạt. Tuy nhiên, tôi nhận được thông tin bên dưới khi chạy trong Chrome.

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

Có thể đáng lưu ý rằng api web đã bật xác thực cửa sổ.

Dưới đây là đoạn code mà thực thi lấy:

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

Tôi giả sử bạn có chứng thực dựa trên cookie trên máy chủ. Trong trường hợp này, nó có thể liên quan đến khóa credentials cho fetch. yêu cầu XHR, mà được sử dụng trong jQuery luôn gửi cookie của mình, nhưng sử dụng fetch bạn nên vượt qua credentials tùy chọn với

• same-origin nếu bạn thực hiện yêu cầu về nguồn gốc tương tự (tên miền)
• include khác

Như sau:

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

Tôi giả sử rằng nó hoạt động trong IE vì fetch polyfill sử dụng các yêu cầu XHR dưới mui xe.