Vue+Amplify对接AWS Cognito：解决Username和Pool信息缺失错误

错误提示Username and Pool information are required说明Amplify在尝试创建CognitoUser实例时，无法获取到必要的用户池信息或用户身份数据——尽管你已经成功拿到了Cognito颁发的token，但Amplify的Auth模块没有完成完整的会话初始化流程，导致后续Hub监听的auth事件触发失败。

1. 在回调页面完成OAuth授权码交换 #

当Cognito把用户重定向回redirectSignIn配置的地址（你的根路径http://localhost:8080）时，需要主动触发Amplify的授权码交换流程，将授权码转换为可被Auth模块识别的会话信息。

修改HomeView.vue的代码，在组件挂载时先处理Auth回调：

import { Auth, Hub } from 'aws-amplify'

export default {
  name: 'HomeView',
  async mounted () {
    // 处理Cognito OAuth回调，完成授权码交换
    try {
      const user = await Auth.currentAuthenticatedUser({ bypassCache: true })
      console.log('已初始化用户会话:', user)
    } catch (e) {
      // 如果没有已认证会话，尝试处理授权码回调
      if (window.location.search.includes('code=')) {
        await Auth.handleAuthResponse(window.location.href)
      }
    }

    // 监听auth事件
    Hub.listen('auth', (data) => {
      const { payload } = data
      console.log(payload)
      // 避免未获取到用户信息时报错
      if (payload.data.username) {
        console.log('Auth事件:', `${payload.data.username} 触发了 ${payload.event}`)
      } else {
        console.log('Auth事件:', payload.event)
      }
    })
  }
}

2. 调整AuthenticateView的登录逻辑 #

Auth.federatedSignIn在跳转后不会返回用户数据，无需用then链式调用，简化代码：

import { Auth } from 'aws-amplify'
export default {
  name: 'AuthenticateView',
  async mounted () {
    try {
      // 触发联邦登录跳转，无需等待返回值（跳转后页面会刷新）
      await Auth.federatedSignIn({ customProvider: 'MyAzureAdProvider' })
    } catch (e) {
      console.log('登录跳转失败:', e)
    }
  }
}

3. 验证aws-exports配置完整性 #

确保你的oauth配置中包含必要的身份信息Scope，同时确认userPoolId和userPoolWebClientId完全正确：

const awsExports = {
  Auth: {
    region: 'us-east-2',
    userPoolId: 'us-east-2_xxxxxxxxx',
    userPoolWebClientId: 'xxxxxxxxxxxxxxxxxxxxxxxxx',
    oauth: {
      domain: 'xxxxxxxxxx.auth.us-east-2.amazoncognito.com',
      scope: [
        'https://xxxxxxxxxx-vpce-xxxxxxxxxxxxxxxxx.execute-api.us-east-2.amazonaws.com/x/rw',
        'openid', // 添加openid scope以获取用户身份信息
        'profile'
      ],
      redirectSignIn: 'http://localhost:8080',
      redirectSignOut: 'http://localhost:8080/signout', // 可选：添加登出回调地址
      responseType: 'code'
    }
  }
}

export default awsExports

联邦登录流程中，Amplify需要通过Auth.handleAuthResponse或Auth.currentAuthenticatedUser来解析Cognito返回的授权码，完成token交换并初始化本地会话。如果跳过这一步，Auth模块无法识别已登录状态，后续创建CognitoUser时就会因缺少必要参数抛出错误。

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