Fetch 返回未授權和未定義的

Question

我正在嘗試使用 fetch 訪問 API 但是我在控制台中收到錯誤：

XHR GET https://api.geoapify.com/v1/geocode/search?street=buenos%20aires&city=barcelona&country=espa%C3%B1a&lang=es&limit=1&format=json&apiKey=hereIputmyrealkey 
Estado 401 Unauthorized 
Versión HTTP/2 
Transferido1,52 KB (tamaño 97 B) 
Política de referenciastrict-origin-when-cross-origin

提取看起來像這樣：

var requestOptions = {
  method: 'GET',
credentials: "include"
};

let response = await fetch("https://api.geoapify.com/v1/geocode/search?street=buenos aires&city=barcelona&country=españa&lang=es&limit=1&format=json&apiKey=${MYKEY}");

當我添加：

.then(error => console.log(error)

它返回未定義的響應。

我正在研究 cakephp，url 用於獲取工作，cakephp 之外的獲取工作也有效。 我需要在提取中添加一些東西嗎？

（我的代碼中的密鑰是我的實際密鑰，url 給出了 json 格式的響應）。

我嘗試添加：

var requestOptions = {
  method: 'GET',
credentials: "include"
};

和

  var requestOptions = {
  method: 'GET', 
  mode: 'no-cors',
      headers: {
        'Accept': 'application/json',
        'Content-Type': 'application/json'
      }
};

但它給出了同樣的錯誤......

Answer 1

添加 ${variable} 時使用反引號

let response = await fetch(`https://api.geoapify.com/v1/geocode/search?street=buenos aires&city=barcelona&country=españa&lang=es&limit=1&format=json&apiKey=${MYKEY}`);