如何直接从 Angular 11 调用 Zoom 的 REST-API？

编程问答 2022-05-25

问题描述

大家。我遇到了一个问题，我找不到谷歌的答案。所以我问。

问题是当我尝试调用 Zoom 任何 API 时，我会遇到下面的错误 CROS。我为此使用了代理服务器，但无法正常工作。所以我从 anguler.json 中删除了它。

Access to XMLHttpRequest at 'https://api.zoom.us/v2/users/La------77/meetings' 
from origin 'http://localhost:4200' 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.

我正在设置 'Access-Control-Allow-Origin:*' 但不起作用。我配置了代理服务器，但它在 Zoom 站点上被重定向。

检查我的代码

fetchAllMeetings(){
    let header = new HttpHeaders({  "Authorization": "Bearer "+this.CLIENT_TOKEN,'Content-Type': 'application/json','Access-Control-Allow-Origin': '*'   });

         const requestOptions = {  headers: header};

    return this.httpClient.get('https://api.zoom.us/v2/users/LayQ----FTgmw/meetings',requestOptions).pipe(first(),catchError(this.handleError));
}

响应错误

enter image description here

API 调用

enter image description here

我为此设置了代理服务器...但由于我在缩放网站中被重定向而被删除。

src/proxy.conf.json

{
  "*": {
    "target": "https://api.zoom.us","secure": false,"logLevel": "debug"
  }
}

angular.json

"serve": {
          "builder": "@angular-devkit/build-angular:dev-server","options": {
            "browserTarget": "Zoom-Meeting:build","proxyConfig": "src/proxy.conf.json"

          },

解决方法

我相信您误解了您收到的 CORS 错误响应。 CORS 设置由缩放 api 进行。 Zoom 不允许未知域（在您的情况下为 localhost:4200）访问该 uesrs/----/meetings 端点。恐怕您无能为力。

angularangularangular11cross-domainzoom-sdk