Angular 已阻止 cors

Question

在我的本地主机中，我禁用了 Google chrome 安全性，但我知道我想将它部署在我的服务器中，但我遇到了这个 cors 问题。 API 不是我的，它是外部 API.

我在 Typescript 中的服务是

getPlaces(holiday_type, currency, checkin, checkout, groups, page) {
    return this.http.get(
      `/api/v2/places?holiday_type=${holiday_type}&currency=${currency}&checkin=${checkin}&checkout=${checkout}&groups[]=${groups}&page=${page}`,
      {
        headers: {
          'Authorization': this.auth,
          'Accept': 'application/json',
          'Access-Control-Allow-Origin': '*',
          'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, OPTIONS',
          'Access-Control-Allow-Headers': 'Content-Type, Access-Control-Allow-Headers, Access-Control-Allow-Origin, Authorization, X-Requested-With',
        },
      });
}

我的 proxy.config 看起来是这样

{
  "/api/*":  {
    "target": "https://tr.halalbooking.com",
    "secure": false,
    "logLevel": "info"
  }
}

Answer 1

从错误消息来看，似乎 halabookings 正在阻止请求。您有两个选择：

联系 halalbookings 的所有者并请求他们允许您的来源。通常，如果他们为您提供 API，您就有一个门户，您可以在其中列出白名单或指定允许的来源。
将 API 调用移到 halalbookings 以在服务器端进行。然后，在您的前端，调用您的 API（调用 halalbookings）

Angular 已阻止 cors

Angular blocked cors

blocked

xmlhttprequest

cors

preflight

angular