Я пытаюсь получить данные с помощью 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, но не смог это исправить. Что именно происходит неправильно?
Повторите попытку с помощью этого плагина в своем браузере.
Это позволяет вам запрашивать любой сайт с ajax из любого источника, независимо от того, какие расхождения в http/https и т.п. Практически добавляет заголовок Allow-Control-Allow-Origin: *
в ответе.
Пожалуйста, имейте в виду, что это решение для групповой помощи. На ваш ответ сервера должен быть заголовок 'Access-Control-Allow-Origin': '*'
, желательно с более конкретным значением, чем *
.
'Access-Control-Allow-Origin': '*'
, предпочтительно с более конкретным значением, чем*
.