Проблема с доступом к моему loopback API на Heroku

Question

Я создал полнофункциональное приложение - Loopback используется в качестве бэкэнд-API, а React - в качестве веб-интерфейса. Я ожидал разместить мое приложение на Heroku. Я могу успешно запустить приложение (размещено на порте 3000), и клиент React отображается правильно. Однако, когда я пытаюсь отправить запрос в API, используя этот URL http://localhost:3000/api/, я получаю это сообщение об ошибке:

DOMException: Failed to execute 'open' on 'XMLHttpRequest': Invalid URL

Есть идеи?

1007 * Благодарения и *

Answer 1

Поскольку Heroku генерирует случайный номер порта, необходимо создать 2 приложения: клиент переднего плана и API внутреннего интерфейса.

Answer 2

Ваше приложение не будет работать на порте 3000, когда оно развернуто в Heroku - вам нужно использовать случайный порт, который ему назначен. Кроме того, ваш интерфейс React должен затем использовать .herokuapp.com вместо localhost: 3000. Код React выполняется на клиентском компьютере, поэтому он должен сделать запрос через Интернет.