Angular CORS请求失败

Question

我试图连接到Api（不是我的人），但出现CORS错误（屏幕1）。

然后我尝试在标题中添加'Access-Control-Allow-Origin'：'*'，但得到的结果相同（screen2）。

这是我的代码：

import { Component, OnInit } from '@angular/core';
import { HttpClient, HttpHeaders } from '@angular/common/http';

@Component({
  selector: 'app-analyzer',
  templateUrl: './analyzer.component.html',
  styleUrls: ['./analyzer.component.scss']
})
export class AnalyzerComponent implements OnInit {

  constructor(private http: HttpClient) {
    this.getDeck().subscribe(res => console.log(res));
  }

  ngOnInit() {
  }

  getDeck() {
    const headers = new HttpHeaders({
      'Access-Control-Allow-Origin': '*'
    });
    return this.http.get('https://www.keyforgegame.com/api/decks/30763530-041c-4e15-b506-3456e79141d2/',
      {headers: headers}
      );
  }

}

我不知道该怎么办。

谢谢

Answer 1

不应在您的请求中设置“ Access-Control-Allow-Origin”：“ *”，而应在服务器的响应中设置。希望您可以访问此服务器。

还考虑不使用通配符，而仅允许使用http://localhost:4200。无需向所有人开放。