未捕获（承诺）TypeError：无法在Vue.js中获取Twitch API

Question

因此，我尝试使用Twitch API，但是却遇到Uncaught (in promise) TypeError: Failed to fetch console.log错误。

这都是错误

这是我当前拥有的代码

<template>
  <section>
    <button class="twitch flex justify-center absolute pin-l items-center p-8 uppercase text-white font-semibold tracking-wide w-full">
      <i class="fab fa-twitch pr-2 text-xl"></i> Sign in with Twitch
    </button>
  </section>
</template>


<script>
export default {
  mounted() {
    fetch("https://id.twitch.tv/oauth2/authorize?response_type=code&client_id=<KEY>&redirect_uri=http://localhost:3000&scope=chat_login", {
      method: 'GET'
    })
    .then(response => response.json())
    .then((data) => {
      this.data = data;
      console.log(data)
    })
  }
}
</script>

很明显，此刻我只想要console.log记录一下Twitch上的响应。

这不是完整的代码，但我只在这里授权使用Twitch API

感谢您的帮助！