Firefox и Chrome не распознают json [закрыто]

У меня есть запрос fetch из api, который собирает данные для пользователя и затем помещает эти данные в массивы внутри моего js скрипта. Эта функция отлично работает в Safari, но в Chrome и Firefox она возвращается как '500 Internal error'.

Я проверил тип содержимого заголовков ответа, в safari он возвращается как 'application/json', но в chrome и firefox он 'text/plain; charset=utf-8', может кто-нибудь объяснить почему это происходит и как исправить, я все еще новичок в JS.

Вот моя функция извлечения :

  var trackNames = [];
  var trackUrl = [];
  var albums = []; 
async function getUserTracks() {
    try {
      await fetch("https://www.soundpro.city/music/music_all?format=json", {
        method: 'GET',
        headers: {
          'Accept': 'application/json',
          'Content-Type': 'application/json'
        }
      })
        .then(response => {
          const contentType = response.headers.get('content-type');
          if (!contentType || !contentType.includes('application/json')) {
            throw new TypeError("Oops, we haven't got JSON!");
          }
          return response.json();
        })
        .then(data => {
          for (item of data)
            trackNames.push(item['title']),
            trackUrl.push(item['track']),
            albums.push(item['artist_name'])
        })
    } catch(error) {
      console.log(error)
    }
} 

Вернуться на верх