Блокировка чтения из разных источников с помощью Sleepy Mongoose

Question

Я работаю над проектом Angular.

Я пытаюсь сделать GET-запрос на REST-сервер Sleepy Mongoose.

Я могу сделать запрос и посмотретьответ с

curl -X GET http://localhost:27080/Annotations/Manuscripts/_find

еще одно решение, которое мне помогло, - запустить chrome.exe с

--disable-web-security

Но при попытке выполнить запрос GET с помощью -

public fetchFromDB() {
    return this._http.get('http://localhost:27080/Annotations/Manuscripts/_find').subscribe((res)=>{
        console.log(res);
    });
 }

в консоли браузера появляется следующая ошибка -

Доступ к XMLHttpRequest в «http://localhost:27080/Annotations/Manuscripts/_find' от источника» http://localhost:4200' был заблокирован политикой CORS: в запрошенном ресурсе отсутствует заголовок «Access-Control-Allow-Origin».

Любая помощь?

Спасибо!

Answer 1

Вы можете настроить внутренний прокси-сервер в вашем webpack.config.js, используя http-proxy-middleware.

импортировать пакет «http-proxy-middleware» в ваше угловое приложение и установить прокси в конфигурации webpack, как показано ниже.

module.exports = {
  devServer: {
    proxy: {
      '/Annotations': 'http://localhost:27080'
    }
  }
};

Для получения дополнительной информации вы можете проверить раздел devserverproxy в официальной документации Webpacks.

Answer 2

Allow-Control-Allow-Origin используйте это расширение Chrome и включите общий доступ к ресурсам. после того, как это сработает.