Почему выводит статус HTTP 0 при вызове fetch?

Question

[unituser]

Добрый день, пытаюсь получить JSON объект с этого сайта https://market.csgo.com/history/json/
Перехожу сам - данные есть. Пытаюсь получить их через fetch, если вызывать fetch - с модом no-cors, то выдаёт 0 статус http, если с модом cors, то пишет No 'Access-Control-Allow-Origin' header is present on the requested resource.
Как я вычитал, задавать Access-Control-Allow-Origin можно только на сервере, то есть если я их поставлю, ничего не произойдёт. Но даже если их ставить ничего не изменится. Я очень плохо разобрался с этими запросами, объясните пожалуйста, что не так... Я вроде почитал документацию про fetch и headers, но до меня не доходит, что я делаю не так

const requestURL = 'https://market.csgo.com/history/json/'

async function displayItems(url) {
    await fetch(url, {
        mode:'no-cors'
    })
    .then((response) => {
        if (!response.ok) {
            throw new Error("HTTP status " + response.status)
        }
        return response.json()
    })
    .then((message) => {
        console.log(message)
    })
    .catch((error) => {
        console.log('Что-то пошло не так ' + error)
    });
}

displayItems(requestURL)

Comments

[alex4answ]

Вы либо используйте async/await, либо работайте с Thenable, как с обычными промисами, а вы тут все напутали

[unituser]

alex4answ,

const requestURL = 'https://market.csgo.com/history/json/'

function displayItems(url) {
    return fetch(url, {
        mode: 'no-cors'
    }).then(response => {
        return response.json()
    })
}

displayItems(requestURL)

main.js:7 Uncaught (in promise) SyntaxError: Unexpected end of input at main.js:7

Попробовал так, но опять ошибки в синтаксисе...
return response.json() в этом ошибка, а почему...?

[alex4answ]

unituser, почитайте как работать с промисами, асинхронностью

displayItems возвращает Promise
then возвращает Promise

должно быть так:
async/await:

{
  const response = await fetch();
  const json = await response.json();

  // делать что-то с json
}

Thenable:

{
  fetch()
    .then(response => response.json())
    .then(json=> {
      // делать что-то с json
    });
}

Answer 1

[Lynn «Кофеман»]

В режиме no-cors нельзя получить ответ
https://fetch.spec.whatwg.org/#concept-request-mode

"no-cors"
Restricts requests to using CORS-safelisted methods and CORS-safelisted request-headers. Upon success, fetch will return an opaque filtered response.

https://fetch.spec.whatwg.org/#concept-filtered-re...

An opaque filtered response is a filtered response whose type is "opaque", URL list is the empty list, status is 0, status message is the empty byte sequence, header list is empty, and body is null.