帶有 mailchimp 的 Angular2 帖子

Question

我的帖子在郵遞員中有效，但在我的應用程序中無效。 我究竟做錯了什么？

let data = obj;
      let url = 'https://us123.api.mailchimp.com/3.0/lists/{somenumber}/members';
      let username: string = 'user';
      let password: string = 'mytokenhere';
      let headers = new Headers();
      headers.append("Authorization", "Basic " + btoa(username + ":" + password));
      headers.append("Content-Type", "application/x-www-form-urlencoded");
        return this._http.post(url, data, {headers: headers}).subscribe(
            data => this.response(data),
            error => this.response(error)
        );

我在應用程序中收到 CORS 錯誤：

'XMLHttpRequest 無法加載https://us123.api.mailchimp.com/3.0/lists/ {{somenumber}}/members。 對預檢請求的響應未通過訪問控制檢查：請求的資源上不存在“Access-Control-Allow-Origin”標頭。 因此，不允許訪問 Origin ' http://localhost:4200 '。 響應的 HTTP 狀態代碼為 501。

Answer 1

Mailchimp 不支持客戶端調用其 API。 您需要做的是設置一個服務器，該服務器可以將來自瀏覽器的請求代理到 Mailchimp。 如果 Mailchimp API 不提供 CORS 響應標頭，則客戶端無法執行太多操作以使其正常工作。

如果您創建的 API 與網站在同一個域中，那么 CORS 問題將被消除（或者您也可以通過設置適當的標頭來修復）

請參閱身份驗證下的注釋：

https://developer.mailchimp.com/documentation/mailchimp/guides/get-started-with-mailchimp-api-3/

更多信息： https : //www.moesif.com/blog/technical/cors/Authoritative-Guide-to-CORS-Cross-Origin-Resource-Sharing-for-REST-APIs/