Проблемы с доступом к API Discourse из React-приложения

Разработка
1

Доступ к fetch по адресу ‘https://boostfloral.discourse.group/categories.json?’ с источника ‘http://localhost:3000’ заблокирован политикой CORS: заголовок запроса API-key не разрешён в заголовке Access-Control-Allow-Headers в ответе preflight.

Получаю указанную ошибку при попытке вызвать API Discourse. Я уже добавил SSL-сертификат на свои серверы. Добавляю параметры CORS в своей панели администратора, но проблема всё ещё сохраняется.

Столкнулся ли кто-нибудь с подобным и может подсказать, как это исправить???

2

Это ключ API пользователя? Если я не ошибаюсь, он должен называться User-Api-Key.

4

Теперь я получаю следующий ответ:

Доступ к fetch по адресу ‘https://boostfloral.discourse.group/latest.json?order=default&ascending=false’ из источника ‘http://localhost:3000’ заблокирован политикой CORS: заголовок запроса api-username не разрешён в Access-Control-Allow-Headers в ответе preflight.

5

Если вы пытаетесь использовать Admin API (в отличие от User API), требуемыми полями заголовка являются Api-Key и Api-Username.

6

Кажется, для публичных JavaScript-клиентов доступ к административному API не разрешён (к сожалению, это усложняет всё, я понимаю!). Но вам придётся использовать User API keys specification вместо этого.

Я тоже пока пытаюсь разобраться, как это сделать. Мне просто нужно получить публично доступный ответ в формате .json.

7

Если он общедоступен, то достаточно настроить CORS, и вам вообще не стоит беспокоиться об API-ключях.

8

Да, спасибо! Для меня это уже решено здесь: Using JavaScript fetch to get publicly available page from Discourse into an external site (Discourse API) - #2 by pfaffman

@fahadaslam98, как сказал @RGJ, если CORS настроен правильно, то удаление ключей API из заголовков должно сработать, :+1: