как мне обойти CORS в angular 9

Question

Я получаю следующую ошибку:

Access to XMLHttpRequest at 'http://localhost:40000/api/summaryCount/failed-requests' from origin
'http://localhost:3000' 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.

Я создал файл proxy.conf. json со следующими данными:

{"/api/*": {
    "target": "http://localhost:40000",
    "secure": false
  }
}

Я также изменил свой angular. json файл для включения

"proxyConfig": "proxy.conf.json"

в "serve": {"options" {......

и, наконец, я изменил свой пакет. json так что теперь опция "start" становится:

"start": "ng serve --proxy-config proxy.conf.json",

в моем Angular при создании объекта HttpHeaders, если я добавлю следующее:

httpHeaders = new HttpHeaders().append('Access-Control-Allow-Origin', 'http://localhost:3000').....

это все равно не дает разница.

может кто-нибудь сказать мне, что я пропустил, пожалуйста.

Answer 1

Вы должны включить CORS и добавить в белый список Angular URL-адрес приложения http://localhost:3000 на своем внутреннем сервере, который обслуживает http://localhost:40000/api/....

Никаких действий не требуется на Angular стороне приложения.

Answer 2

На бэкэнд-сервере вы должны написать Access-Control-Allow-Origin как *, и если вы запретите указывать URL-адрес c, то вы также можете написать туда URL-адрес.