authentication - Nuxt Auth 不适用于 Google 策略

Question

我正在尝试在 Nuxt 网站前实现 Google 身份验证。我使用社区 Auth module使用内置的谷歌策略。实际上，身份验证在 localhost 中运行良好，但在网站在线时不起作用。有时，Google 会返回 401 错误(凭据无效)。

这是我的 nuxt.config.js 文件:

export default {
  mode: 'spa',

  modules: [
    "@nuxtjs/axios",
    "@nuxtjs/auth",
    "@nuxtjs/vuetify",
  ],

  auth: {
    strategies:{
      google: {
        client_id:
          "XXXXXXXX-xxxxxxxxxxxxxxx.apps.googleusercontent.com"
      }
    },
    redirect: {
      login: '/login',
      logout: '/login',
      home: '/',
      callback: '/callback'
    }
  }
}

这是我的 login.vue 页面:

<template>
  <v-btn @click="loginClicked()">Login with Google</v-btn>
</template>

<script>
  export default {
      middleware: ['auth'],
      methods: {
        consoleLog(text) {
            if (this.log !== null) {
                this.log += text + "\n";
            } else {
                this.log = text + "\n";
            }
        },
        async loginClicked() {
            try {
                let res = await this.$auth.loginWith('google');
                console.log("login result: " + res);
            } catch (err) {
                this.consoleLog("login error: " + err);
            }
        }
    }
  }
</script>

Answer 1

google: {
clientId: '............................................apps.googleusercontent.com',
scope: ['profile', 'email'],
codeChallengeMethod: '',
responseType: 'token id_token',
}

这对我有用:)