react + fetch выдают "POST <сервер> 401 (Unauthorized)"

Подскажите как побороть следующую проблему:

посылаю ajax-запрос с помощью fetch на локальный сервер, для того чтобы браузер не выдавал ошибки про CORS использую mode: 'no-cors'

получается такой код:

componentDidMount() {
   
      async function postData(url = '', data = {}) {

      const response = await fetch(url, {
            method:         'POST',
            mode:           'no-cors',
            headers: {
                'Content-Type': 'application/json',
            },
            body:           JSON.stringify(data) 
        });

        return await response;
    }

    postData(myserver, { mydata: myvalue })
    .then((data) => {
        console.log(data);
    });
}

Но на выходе я получаю

index.tsx:41 POST мой_сервер 401 (Unauthorized)
index.tsx:54 Response {type: "opaque", url: "", redirected: false, status: 0, ok: false, …}

при этом если на сервер посылаю запрос просто через командую строку браузера, то сервер нормально отвечает.

Подскажите в чем может быть дело и как можно заставить сервер ответить на запрос.

P.S.

решил проблему через атрибуты запуска браузера

"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir="c:/ChromeDevSession"

но как по мне - это костыль и хотелось бы решение, осуществляемое силами сайта, если такое возможно


Ответы (0 шт):