TypeError: NetworkError при попытке получить ресурс - PullRequest
0 голосов
/ 14 апреля 2019

Я получаю эту проблему: Response { type: "cors", url: "http://localhost:3000/api/marks", redirected: false, status: 200, ok: true, statusText: "OK", headers: Headers, body: ReadableStream, bodyUsed: true } MarkService.js:5 Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:3000/api/marks. (Reason: CORS request did not succeed). Вот куда она указывает

class MarkService {
  constructor() {
    this.URI = `localhost:3000/api/marks`;
  }

  async getMarks() {
    const response = await fetch(this.URI);
    const marks = await response.json();
    return marks;
  }
}
export default MarkService;

Я пытаюсь создать приложение с экспрессом в бэкэнде и Webpack для веб-интерфейса.У меня есть API отдыха в бэкэнде, и я не могу использовать его во внешнем интерфейсе.

Я использую Ubuntu с Mozilla Firefox 66.0.2 и Nodejs 11.13.0

Когда я используюконсоль, он сказал, что проблема в этом

1 Ответ

0 голосов
/ 14 апреля 2019

Как я могу видеть для этой ошибки

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at http://localhost:3000/api/marks. (Reason: CORS request did not succeed)

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

CORS, что означает Cross Source Resource Sharing, - это политика безопасности, которая применяется только к Javascript (браузерам), который запрещает веб-сайтам доступ к другим веб-сайтам с помощью AJAX, если они явно не одобрены с использованием заголовков.

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

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

И есть этот Пакет NPM для nodejs, который поможет вам с CORS

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...