Как выполнить post запрос с помощью fetch?

Question

[Остап]

ПОСТ запрос к АПИ с помощью Фетч:

getResource = async () => {
        const res = await fetch('https://fan-foto-ml753mfuuq-uc.a.run.app/api/v1/login/access-token', {
            headers: {
                'Accept': 'application/json',
                'Content-Type': 'application/x-www-form-urlencoded',
                'Access-Control-Allow-Methods': 'GET, PUT, POST, DELETE, HEAD, OPTIONS'
                // 'Authorization': 'Bearer TOKEN',

            },
            method: 'POST',
            mode: 'no-cors',
            credentials: 'include',
            body: 'grant_type=&username=charles%40mavencodom&password=test&scope=&client_id=&client_secret='
        });
        // if (!res.ok) {
        //     throw new Error(`Not Fetch, received ${res.status}`)
        // }
        const body = await res.json();
        return body;
    };

Если раскомментировать

if (!res.ok) {
            throw new Error(`Not Fetch, received ${res.status}`)
        }

, тогда всегда срабатывает ИФ и я получаю "Not Fetch, received 0".
А так я получаю "Unhandled Rejection (SyntaxError): Unexpected end of input".

Comments

[Kovalsky]

Посмотрите что вам приходит в ответ на запрос

[Остап]

Kovalsky, в ответ приходит "Пусто". "Failed to load response data"

[Kovalsky]

Остап, то есть в разделе network панели разработчика вы смотрите этот запрос и там во вкладке response видите такой текст?

[Остап]

Kovalsky, ДА

[Kovalsky]

Остап, а, ну то есть вы имеете в виду что это не реальный ответ сервера, а это просто сообщение консоли об ошибке, понятно. Значит у вас по каким-то причинам сам запрос провалился, надо смотреть консоль. Попробуйте не брать сразу JSON из ответа, а сначала посмотреть результаты запроса - все коды, заголовки, текст ответа и тд и тп

К слову, у меня ваш запрос проходит без проблем,

Answer 1

[nitrojs]

Насколько мне известно, POST запросы не могут иметь body, его нужно передавать в URL запроса:

https://fan-foto-ml753mfuuq-uc.a.run.app/api/v1/login/access-token?grant_type=&username=charles%40mavencodom&password=test&scope=&client_id=&client_secret=

Comments

[Kovalsky]

Не, наоборот

[nitrojs]

Kovalsky, в любом случае, тут body всё равно в URL надо передать

[Остап]

nitrojs, так это же POST запрос

[Kovalsky]

nitrojs, ну не факт, возможно чувак просто не почитал доку по используемому апи и решил пострелять таким образом в небо. Скорее всего там в теле конечно json должен быть. Короче это зависит от соглашений конкретного API

[nitrojs]

Kovalsky, да

[Остап]

Kovalsky, это написано в документации
Responses
Curl
curl -X POST "https://fan-foto-ml753mfuuq-uc.a.run.app/api/v1/lo..." -H "accept: application/json" -H "Content-Type: application/x-www-form-urlencoded" -d "grant_type=&username=charles%40mavencode.com&password=test&scope=&client_id=&client_secret="
Request URL
https://fan-foto-ml753mfuuq-uc.a.run.app/api/v1/lo...
Server response

Answer 2

[Александр]

getResource = async () => await fetch("/pos",
{
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json'
    },
    method: "POST",
    body: '{"names":"NeiroN"}'
}).then(function(res){
    if (!res.ok) throw Error(`is not ok: ${res.status}`);
    //detect json
    if(res.headers.get("Content-Type").includes("json")){
        return res.json();
    }else{
        return res.text();
   }
}).catch(function(res){
   //Errors
   console.log(res);
   //returned if errors
   return "Error!";
});