如何使用 JS 正确获取 Riot API？

Question

我一直在尝试从 riot 的 api 中获取一些数据，但我遇到了一个问题：

这是代码的重要部分：

const getUsuario = async (name) => {
  const resp = await fetch(`${APIRUL}${name}${apikey}`, {
    method: 'GET',
    mode: 'no-cors',
    headers: {
      "Content-Type": "application/json",
    },
  });
  const { data } = await resp.json();
  return data;
};

getUsuario("user-name");

如果我输入 mode: cors。我的 CORS 有问题，但如果我有上面的例子，它会显示：

champions.js:15 Uncaught (in promise) SyntaxError: Unexpected end of input
    at getUsuario (champions.js:15)

这是第 15 行：

const { data } = await resp.json();

Answer 1

我发现了与您在此处看到的类似的错误：fetch() unexpected end of input

在将响应转换为 json 之前尝试打印响应，看看是否看到类型 opaque。这专门用于获取使用模式 no-cors 发出的请求。使用这种响应可以做的事情似乎有很多限制。

更新：RiotGames api 服务器不返回 CORS 标头是有原因的。他们很可能不希望您直接从浏览器访问他们的 API。您需要有一个后端为您发出这些 api 请求，然后它可以将响应转发到您的前端。