Question

嗨，所以我正在使用 Nuxt 用Twitch创建一个应用程序，我希望用户能够使用Twitch登录。

我在Twitch设置中拥有该应用程序，但是我具有按键，但是，我不确定如何实现按钮，因此一旦单击它就会触发，因此用户可以登录。

这就是我所拥有的

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

我定义了这样的方法

  methods: {
    twitch () {
      async twitch () {
        let { data } = await axios.get(`https://id.twitch.tv/oauth2/authorize?response_type=code&client_id=<key>&redirect_uri=http://localhost:3000&scope=chat_login`)
        this.twitch = data
      }
    }
  },

用户登录后，我希望可以访问API，以便可以为应用程序构建要构建的内容，因此我希望提取API提供的所有数据。

这可能是完全错误的，因此，将我推向正确方向的任何帮助都将受到欢迎。

Answer 1

您可以使用@nuxtjs/auth模块

尽管它没有抽搐提供者，但是添加起来非常容易，例如，参见google provider

或者至少您会明白。并阅读如何oauth2 work

使用asyc和Vue的Twitch API登录

1 个答案: