使用@react-oauth/google的Auth-Code Flow重复要求Scope授权的解决方法

针对你使用@react-oauth/google的auth-code流遇到的重复授权问题，可通过以下配置调整解决：

• 显式设置access_type: 'offline'：这是获取Refresh Token的必要配置，auth-code流默认可能未开启该参数，显式声明后才能确保流程中能拿到Refresh Token。
• 配置prompt: 'select_account'：该参数会让用户仅看到账号选择界面（若登录多个Google账号），跳过重复的Scope授权步骤；若用户仅登录单个账号，会直接完成登录流程。和prompt:none不同，它不会在用户未登录时抛出错误，同时首次授权时仍会正常显示Scope授权页以获取Refresh Token。

调整后的配置示例：

useGoogleLogin({
    flow: 'auth-code',
    ux_mode: 'redirect',
    scope: GOOGLE_SCOPES,
    access_type: 'offline',
    prompt: 'select_account',
    // 其他原有配置
...});

注意事项：

• 首次授权时用户仍会看到Scope授权页，这是Google OAuth的机制，必须用户确认后才能获取Refresh Token；
• 后续登录只要Scope未变更，就会跳过授权步骤，直接进入账号选择或自动登录流程；
• 若需强制用户重新授权（比如更新了Scope），可临时切换回prompt: 'consent'。

内容的提问来源于stack exchange，提问作者ajyang818