如何使用nuxt/auth-next与oauth2交换访问令牌代码

// nuxt.config.js
export default {
  // ...
  auth: {
    strategies: {
      oauth2: {
        scheme: 'oauth2',
        endpoints: {
          authorization: 'https://example.com/oauth2/authorize',
          token: 'https://example.com/oauth2/token',
          userInfo: 'https://example.com/oauth2/userinfo',
          logout: 'https://example.com/oauth2/logout'
        },
        clientId: 'your-client-id',
        clientSecret: 'your-client-secret',
        scope: ['openid', 'profile', 'email']
      }
    }
  },
  // ...
}

<!-- Login.vue -->
<template>
  <div>
    <button @click="login">Login with OAuth2</button>
  </div>
</template>

<script>
export default {
  methods: {
    async login() {
      try {
        await this.$auth.loginWith('oauth2');
        // 用户将被重定向到授权服务器的登录页面
      } catch (error) {
        console.error(error);
      }
    }
  }
}
</script>

// SomePlugin.js
export default function ({ $auth }) {
  // 在插件中交换访问令牌
  const token = await $auth.getToken('oauth2');
  console.log(token);
}