reactjs - 带有 Next React 应用程序的 Riot API 的 XMLHttpRequest，没有“Access-Control-Allow-Origin”标头错误

Question

我想从 Riot API 获取防暴数据。

但我得到了错误 "No 'Access-Control-Allow-Origin' header

所以，我尝试将package.json代理设置设置为https://kr.api.riotgames.com

但是我仍然遇到这种错误。

const getSummonerData = async () => {
    console.log(summonerName)
    const apiKey = "-----------------------------------------"
    const url = `/lol/summoner/v4/summoners/by-name/${summonerName}?api_key=${apiKey}`
    const data = await axios
      .get(url)
      .then(response => console.log(response))
      .catch(err => console.log(err))

    console.log("data : ", data)
}

最后我尝试了这种方式（将headers: {'Access-Control-Allow-Origin': '*'}配置添加到axios）：

尝试从 localhost 访问 api 时如何解决“Access-Control-Allow-Origin”错误

但是，同样的错误仍然发生。