Ionic 中的 CORS 和第三方 api(Smartsheet)

Question

我正在尝试从 smartsheet API 获取数据。当我在单独的服务器代码中使用 postman 和 nodejs 时，它可以工作。

但是，如果我在 Ionic 中使用带有 HttpClient (@angular/http) 的 API，则会在浏览器中运行时出现 CORS 问题。

Failed to load https://api.smartsheet.com/2.0/sheets/1235941564208899972: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8100' is therefore not allowed access.

我也尝试过如下代理设置：

  "proxies": [{
    "path": "/2.0",
    "proxyUrl": "https://api.smartsheet.com/"
  }]

home.ts:

let headers = new Headers({ 'Access-Control-Allow-Origin': '*', 'Authorization': 'Bearer xxxxxxxxxxxxxxxxxxxxxxxxxxx' });
let options = new RequestOptions({ headers: headers });

this.HttpClient.get('/2.0/sheets/1235941564208899972', options).pipe(
    map(res => res.json())
).subscribe(data => this.response = data);

我仍然只收到 localhost 404 错误。

Answer 1

如果 Ionic 正在使用 CORS 与 Smartsheet API 对话，那将无法正常工作。 Smartsheet API 目前不支持 CORS。