Я пытаюсь реализовать аутентификацию Google перед сайтом Nuxt. Я использую сообщество Модуль авторизации со встроенным гугл-стратегом ie. На самом деле, аутентификация отлично работает в 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>