只能在angular2應用中設置HTTP_ACCESS_CONTROL_REQUEST_HEADERS標頭

Question

我在前端設置頭有一些問題。 基本數據：frontend（angular2），backend（sinatra）。 我想使用身份驗證密鑰向后端發送請求。 我知道后端的Access-Control-Allow-Origin標頭，因為我使用跨域請求。 我使用sinatra-cross_origin寶石。 發送代碼：

   const headers = new Headers({'Authorization': 'key'});
   return this.http.get("http://0.0.0.0:9292/api/products", {headers: headers})
  .map(this.extractData)
  .catch(this.handleError);

但是當我在后端看到請求頭時-我看到了

'HTTP_ACCESS_CONTROL_REQUEST_HEADERS' => authorization

我如何設置自定義標題？ 錯誤在哪里？

我嘗試發送JWT密鑰，並且在服務器端像在https://devblast.com/b/cors-with-angular-js-and-sinatra中創建的那樣，如果我從Postman發送請求，則一切正常。

Answer 1

我認為您需要在WEB API中啟用“ HTTP_ACCESS_CONTROL_REQUEST_HEADERS”，請參見以下代碼

 app.UseCors(builder => builder.AllowAnyOrigin().AllowAnyMethod().AllowAnyHeader());