JS调用IMDB替代电影数据库API时fetch返回结果异常求助

问题原因 #

fetch API 返回的Response对象是HTTP响应的原始封装，你当前打印的只是响应的元数据（状态码、请求地址、跨域类型等），并没有读取并解析响应体中的JSON内容，所以看不到预期的电影信息字段。你打印的Response中bodyUsed字段值为false，也说明当前还没有读取过响应体的内容。
你直接点击打印的URL能正常拿到数据，是因为浏览器会自动解析GET请求的响应体并展示内容，API本身不存在问题。

解决方法 #

你需要调用Response对象的.json()方法异步读取并解析响应体的JSON内容，修正后的代码如下：

fetch("https://movie-database-imdb-alternative.p.rapidapi.com/?i=tt4154796&r=json", {
    "method": "GET",
    "headers": {
        "x-rapidapi-key": "你的x-rapidapi-key",
        "x-rapidapi-host": "movie-database-imdb-alternative.p.rapidapi.com"
    }
})
    .then(response => response.json())
    .then(data => {
        // 这里的data就是你预期的电影信息对象
        console.log(data);
        // 可以直接读取对应字段，比如 console.log(data.Title) 就能拿到电影名
    })
    .catch(err => {
        console.error(err);
    });

如果接口返回的是其他格式的内容，也可以根据类型调用.text()、.blob()等对应方法读取响应体。

内容的提问来源于stack exchange，提问作者David