Получите бесконечный ожидающий запрос в новой вкладке в Chrome - PullRequest
Новая
       6

Получите бесконечный ожидающий запрос в новой вкладке в Chrome

0 голосов
/ 13 марта 2020

В моем реактивном проекте Chrome никогда не будет отправлять запросы на выборку, если я открою ссылку в новой вкладке:

chrome вкладка сети
chrome консольная вкладка

Вот стандартная выборка: 

let h = new Headers();
    h.append('Accept', 'application/json');
    h.append('Content-Type', 'application/json');
    h.append('X-Custom-Header', '123');

    let req = new Request(url, {
        method: 'GET',
        headers: h, //заголовки
        mode: 'cors'
    });
    fetch(req).then((response) => {
        if(!response.ok) {
            console.log(response);
        }
        return response;
    })
    .then((response) => response.json())
    .then((items) => console.log(items.data))

Я пытался сделать это в консоли разработчика: 

async function load() {
        let response = await fetch('/somesite.com', {
            method: 'GET',
            headers: {
                'Accept': 'application/json',
                'Content-Type': 'application/json',
                'X-Custom-Header': '123'
            },
            mode: 'cors'
        });
        let data = await response.json();
        console.log(data);
    }

    load();

XHR-запросы не работают тоже. Консольный журнал чистый, ошибок нет. В Mozilla / Opera / Safari все хорошо.

При отключенном chrome://flags/#out-of-blink-cors Chrome будет правильно отправлять запросы. Но это не решает проблему для всех пользователей.
Access-Control-Allow-Origin установлен правильно.

Я не понимаю, что не так ...

Полезные ссылки:
https://support.google.com/chrome/thread/11089651?hl=en
https://www.chromestatus.com/feature/5768642492891136
https://www.chromium.org/Home/loading/oor-cors

...