Angular，接收数据但获取 CORS

Question

所以我不断收到此错误：

在我的其他 Angular 项目中，我在任何 POST 或 GET 请求之前向名为 OPTIONS 的服务器发送了一个预检请求，我注意到在这种情况下它丢失了，并且服务器正确响应了请求，但我无法访问它，因为错误被抛出，我无权访问数据。

我的服务有下一个实现：

  login(user) {
const headers = new Headers();
headers.append('Content-Type', 'application/x-www-form-urlencoded');
const body = new URLSearchParams();
body.set('grant_type', 'password');
body.set('username', user.username);
body.set('password', user.password);
return this._http.post('http://thevotechain.azurewebsites.net/Token', body, { headers: headers })
  .map((response: Response) => {
    return response.json();
  });

}

帮助。

Answer 1

在您的 API 中设置带有键的响应标头：

Access-Control-Allow-Origin

以localhost:4200 为例。

当你设置为localhost:4200时，你说这个前端应用可以访问我。

您也可以将其设置为*，这将使任何前端应用程序都可以使用您的API。