Как сделать внешние REST звонки из ABP Angular 6

Question

У меня проблемы с интеграцией с публичными API REST из моего AspNetBoilerplate angular app,

Независимо от того, какую внешнюю службу я вызываю, я получаю сообщение об ошибке CORS, потому что вызов получает прагму в заголовке.

Это ошибка, которую я получаю в консоли:

from origin 'http://localhost:4200' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.

Это происходит при самых простых вызовах:

this.http.get('http://maps.google.com/places').subscribe(result => console.log(result));

У меня есть ощущение, что это HTTP interceptor это меня беспокоит, но мне нужно руководство о том, как я должен поступить по этому пути ABP.

Я сделал угловой injectable services чтобы содержать мои запросы клиента HTTP, конечно.

Answer 1

Вам нужно открыть appsettings.json в вашем проекте Projectname.Web.Host и добавить собственно хост, с которого вы подключаетесь, в свойство CorsOrigins. В вашем случае это http://localhost:4200/

"App": {
    "ServerRootAddress": "http://localhost:4200/",
    "ClientRootAddress": "http://localhost:4201/",
    "CorsOrigins": "http://localhost:4200"
},