Ionic 4 / Angular 6: API тестирования на локальном хосте попадает в "~ net :: ERR_CONNECTION_REFUSED"

Question

Я новичок в Ionic и Angular, и, возможно, мой вопрос примитивен, но было бы полезно, если бы кто-то мог помочь мне и объяснить, что не так!

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

OPTIONS http://localhost:1337/localhost:3000/api/classroom net::ERR_CONNECTION_REFUSED

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

Кстати, ошибка другого пользователя "Свойство location" не существует в типе DetailPage "."тоже существует, но хорошо, этот не так критичен ...

Заранее спасибо!

Answer 1

Похоже, что ваш сервер работает на другом порту, чем ваш интерфейс (Ionic). Если вы используете стандартные настройки ionic, ваш интерфейс обслуживается через порт 8100 (localhost: 8100).

Ваш сервер работает на localhost: 3000

Поэтому, когда вы звоните, вы делаете запрос кросс-происхождения
По соображениям безопасности этот вызов по умолчанию не разрешен на сервере.
Чтобы разрешить это, вам необходимо установить пакет, например https://enable -cors.org / server_expressjs.html (если вы используя nodejs в качестве бэкэнда) или https://github.com/ottoyiu/django-cors-headers (если вы используете django) или аналогичный пакет для вашего бэкэнда.
OPTIONS запросы отправляются на ваш сервер до того, как ваш фактический запрос будет отправлен на сервер в запросе перекрестного источника. Он в основном спрашивает сервер, разрешена ли операция, которую он хочет выполнить, или нет. После того, как вы успешно настроили пакет для обработки CORS на вашем сервере, ваш вызов API должен работать.

Answer 2

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

пожалуйста, прочитайте учебник еще раз удачи ?