403 ошибка при fetch запросе к API Яндекс Диск, в чем проблема?

Question

[Владимир]

Написал скрипт в котором асинхронная функция fetch-запросом получает от API Яндекс диска ответ в виде json, который в дальнейшем используется для перемещения по директориям и воспроизведения аудио-файлов в них. Но проблема в том, что аудио не воспроизводится... при запросе 403 ошибка. Не понимаю, что я сделал не так?
Для примера можно зайти в директорию Семейные пары
jsfiddle.net

Comments

[shurshur]

В консоли на файлы 403. Путём экспериментов выяснил, что проблему создаёт заголовок Referer, если дёргать url без него - файл отдаётся.

Это вообще штатный способ взятия файлов с яндекс-диска или нелегальный костыль? Если второе, то лучше на него не полагаться, потому что будет ломаться постоянно.

[Владимир]

shurshur, да, это штатный, описанный в документации, подскажите пожалуйста, у вас получилось воспроизвести аудио? что конкретно нужно поменять в Referer?

[shurshur]

Владимир, нужно его не передавать вообще. Тогда отдаёт бинарный файл. Если Referer есть, то отдаёт 403 и в теле ответа почему-то текст заголовка Referer.

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

[Владимир]

shurshur, все-таки не понятно, получилось ли у вас воспроизвести файл...
я попробовал по вашему совету убрать referrerPolicy: "no-referrer", но ничего не изменилось.

[shurshur]

Владимир, я не пробовал заставить это работать в браузере (и, честно говоря, не знаю, можно ли на деле в javascript скрыть referer из ajax-запроса или audio-тэга). Я проверял с помощью curl в консоли, подставляя отдельные параметры из реального запроса в попытке найти такую комбинацию, при которой случится 403.

О, получилось добавлением в html:

<meta name="referrer" content="no-referrer">

https://developer.mozilla.org/en-US/docs/Web/HTTP/...

[Владимир]

shurshur, работает!!! я неделю искал ответ в чатах в телеграме и дискорде, даже и подумать не мог, что ответ может крыться в мета-теге refferer!!! нужно будет изучить эту тему. спасибо от всей души! как я могу отблагодарить вас???

Answer 1

[shurshur]

Оказывается, yandex почему-то возвращает 403, если в заголовках запроса есть параметр Referrer. Помогло добавить в html страницы:

<meta name="referrer" content="no-referrer">

После этого Referrer из запросов исчез, и всё заработало.

Comments

[SpasiboZaSovet]

Спасибо большое, ты спас нас спустя 2 дня дебага, gpt всех версий не справились, а ты справился :)

[Александр]

SpasiboZaSovet, и меня тоже! Чудом нашел это сообщение! Щас расплачусь от счастья. =)