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

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

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

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

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

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

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

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
0
0
603
2
Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

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

это упоминается в разделе требуемых инструментов. а также содержит ссылку на исходный код REST API.

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

Ответ принят как подходящий

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

Кажется, ваш бэкэнд работает на localhost: 3000

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

Другие вопросы по теме