為什么在 Laravel 中獲取 JavaScript 總是返回空值？

Question

我正在刀片模板視圖中從系統本身獲取 API。 但我總是返回{} 。

fetch("http://mylaravelapp.com/api/list")
.then(response => {
     console.log(JSON.stringify(response));
});

I already set CORS header inside my API using this library, https://github.com/barryvdh/laravel-cors .

Answer 1

有幾個問題：

1. 您沒有檢查 HTTP 請求是否成功。 很多人都會犯這個錯誤，這是fetch API 設計中的一個缺陷，更多信息請參見我的貧血小博客。 您需要檢查response.ok 。
2. response是一個沒有自己的可枚舉屬性的 object，因此JSON.stringify將為它返回"{}" 。 要獲取響應，您必須通過響應對象的方法之一讀取響應正文，例如text 、 json 、 arrayBuffer 、 formData或blob 。

例如：

fetch("http://mylaravelapp.com/api/list")
.then(response => {
    if (!response.ok) {
        throw new Error("HTTP error " + response.status);
    }
    return response.text(); // or .json(), .arrayBuffer(), ...
})
.then(data => {
    console.log(JSON.stringify(data));
})
.catch(error => {
    console.error(error.message);
});

Answer 2

嘗試返回 JSON 數據並在您的 Fetch 請求中使用 JSON 數據類型