Получение ошибки «В запрашиваемом ресурсе отсутствует заголовок« Access-Control-Allow-Origin ».» В ionic2

-2

Я пытаюсь получить данные с помощью WebApi, который работает на localhost: 58682/home/index1 в приложении Ionic2, который работает на localhost: 8100.
Я получаю следующее сообщение об ошибке.

XMLHttpRequest cannot load http://localhost:58682/home/index1. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8100' is therefore not allowed access.

Мой файл service.ts

 @Injectable()
export class ResponseService{
 
 private responseUrl='http://localhost:58682/home/index1';
   getresponseDetails()
    {
        return this.http.get(this.responseUrl).map(res=>res.json());
    }
    }

ionic.config.json

{
  "name": "App",
  "app_id": "90594fdf",
  "type": "ionic-angular",
  "proxies":[
    {
      "path":"/home",
      "proxyUrl":"http://localhost:58682/home"
    }
  ]
}

Я прошел через некоторые блоги CORS, но не смог это исправить. Что именно происходит неправильно?

Теги:
ionic-framework
asp.net-web-api
ionic2

1 ответ

1
Лучший ответ

Повторите попытку с помощью этого плагина в своем браузере.

Это позволяет вам запрашивать любой сайт с ajax из любого источника, независимо от того, какие расхождения в http/https и т.п. Практически добавляет заголовок Allow-Control-Allow-Origin: * в ответе.

Пожалуйста, имейте в виду, что это решение для групповой помощи. На ваш ответ сервера должен быть заголовок 'Access-Control-Allow-Origin': '*', желательно с более конкретным значением, чем *.

  • 0
    Спасибо, но я не могу вручную добавить его в свой код, а не в зависимости от расширения браузера?
  • 0
    Пожалуйста, прочитайте мой полный ответ: Пожалуйста, имейте в виду, что это решение для пластыря. Ваш ответ на самом деле должен иметь заголовок 'Access-Control-Allow-Origin': '*' , предпочтительно с более конкретным значением, чем * .
Показать ещё 3 комментария

Ещё вопросы

Сообщество Overcoder
Наверх
Меню