html - 处理加载 API 和 CORS 时遇到问题

问题描述

我正在尝试创建一个代码，该代码将从 API 获取信息并将其作为 JSON 转发回控制台中，但要么被 CORS 阻止和/或无法加载资源。

我的代码：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=\, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie-edge" />
    <title>New Comics this Week</title>
</head>
<body>
    <script>
        const api_url="https://api.shortboxed.com/comics/v1/new";
        async function getComics()
        {
            const response = await fetch(api_url);
            const data = await response.json();
            console.log(data);
        }
        getComics();
    </script>
</body>

我得到的错误：

供参考的 API 示例：

标签： htmlvisual-studio-codecorsapi-design

html - 处理加载 API 和 CORS 时遇到问题

问题描述

解决方案

推荐阅读