CORS飛行前響應錯誤

Question

我正在嘗試使用Ajax從API請求信息。 嘗試運行以下代碼時，我收到此錯誤：

XMLHttpRequest無法加載。 在飛行前響應中，Access-Control-Allow-Headers不允許請求標頭字段高速緩存控制。

這是代碼：

var Onion = {
  "async": true,
  "crossDomain": true,
  "url": "https://webhose.io/search?token=fc70c82d-7bd6-4bed-aafe-4d4e65c7e5db&format=json&q=&site=theonion.com&size=12",
  "dataType": "json",
  "method": "GET",
  "headers": {
    "cache-control": "no-cache",
    "postman-token": "9a49be98-19cb-ebc6-9f52-4be90c88222b",
    "Access-Control-Allow-Headers": true,
  }
}

$.ajax(Onion).done(function (response) {
  console.log(response);
  console.log(response.posts[0].title);

我是一名初學者，我相信我需要在標題中添加一些內容。 有什么建議么？

在此先感謝您的幫助！

Answer 1

您正在請求中發送這3個HTTP標頭：

"cache-control": "no-cache"
"postman-token": "9a49be98-19cb-ebc6-9f52-4be90c88222b"
"Access-Control-Allow-Headers": true

瀏覽器拋出此錯誤：

XMLHttpRequest無法加載https://webhose.io/search?token=fc70c82d-7bd6-4bed-aafe-4d4e65c7e5db&format=json&q=&site=theonion.com&size=12&_=1489245026633 。 在飛行前響應中，Access-Control-Allow-Headers不允許請求標頭字段postman-token。

在HTTP響應中，遠程服務器向您發送此標頭：

Access-Control-Allow-Headers:accept, origin, Content-type, x-json, x-prototype-version, x-requested-with, authorization

這意味着HTTP請求中既不允許cache-control ， postman-token或Access-Control-Allow-Headers HTTP標頭，僅允許accept ， origin ， Content-type ， x-json ， x-prototype-version ， x -requested-with ，允許授權 。