我在我的 nuxt 應用程式中為 nuxt-auth-next 使用以下配置
nuxt.config.js
auth: {
strategies:{
google: {
clientId: "my_client_id.apps.googleusercontent.com",
redirectUri: `http://localhost:3000/apps`,
codeChallengeMethod: '',
scope: ['profile', 'email'],
responseType: 'token id_token'
}
},
redirect: {
login: '/login',
logout: false,
home: '/apps',
callback: false
}
},
router: {
middleware: ['auth']
}
這是我的login.vue檔案
<template>
<div>
<div>
<template>
<b-button @click="loginClicked()">Login with Google</b-button>
</template>
</div>
</div>
</template>
<script>
export default {
methods: {
async loginClicked() {
try {
await this.$auth.loginWith('google');
} catch (err) {
console.log("login error: " err);
}
}
}
}
</script>
當我從登錄頁面按“使用 Google 登錄”按鈕時，它會轉到 Google 身份驗證頁面，成功通過身份驗證，轉到 localhost:3000/apps 頁面（我的重定向 URL），然后立即回傳 localhost:3000/login - 和這個。 $auth.loggedIn 是假的。
我已經訪問過
uj5u.com熱心網友回復：
如本頁所述，auth-nextaka v5 仍處于測驗階段，您可能會遇到一些錯誤，即使它在功能方面更為豐富。
如果您對 Nuxt 模塊隨 v4 提供的內容感到滿意，那么堅持使用它可能是一個更穩定的解決方案。
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/352425.html
上一篇：nuxt：將隱藏資料傳遞給路由