Как установить «Access-Control-Allow-Origin» в угловых 5?

Question

Я пытаюсь получить запрос от угла 5, как показано ниже:

public showHeatMap(){
        console.log("in showHeatMap")
        let headers = new Headers();
        headers.append('Access-Control-Allow-Origin' , '*');
/*      
        headers: new HttpHeaders({
            'Content-Type':  'image/png',
            'Access-Control-Allow-Origin': '*'
        }) */
        this.http.get(this.showHeatMapURL,{headers: headers}).toPromise().then((res)=>{
            console.log("reading response....")
            console.log(res);
      });
    }

, но он выдает ошибку, поскольку «Ответ на предпечатный запрос не проходит проверку контроля доступа: Нет» Access-Control-Заголовок Allow-Origin 'присутствует в запрашиваемом ресурсе. "

Answer 1

Вам необходимо включить CORS в вашем веб-интерфейсе.Самый простой и предпочтительный способ включить CORS - добавить следующее в web.config

<system.webServer>
  <httpProtocol>
    <customHeaders>
      <add name="Access-Control-Allow-Origin" value="*" />
      <add name="Access-Control-Allow-Headers" value="Content-Type" />
      <add name="Access-Control-Allow-Methods" value="GET, POST, PUT, DELETE, OPTIONS" />
    </customHeaders>
  </httpProtocol>
</system.webServer>

Answer 2

Если вы используете Spring в качестве внутреннего сервера.Вы можете использовать аннотацию @CrossOrigin для ее решения.

Так же, как:

@CrossOrigin
@RestController
public class DemoController {
    @GetMapping("/getHeatMap") 
    public Object getHeatMap() {
    ...
    }
}

Эта аннотация также полезна для одной функции.