Amazon Cognito获取用户属性报错：本地存储缺失ID Token 如何解决？

"Local storage is missing an ID Token, Please authenticate"报错的核心原因是Cognito登录成功的回调触发时，登录生成的ID Token、Access Token等凭证还没有完成写入本地存储的操作，此时同步调用获取用户属性的接口会读取不到对应凭证。

• 调整调用逻辑，使用异步等待确保凭证写入完成
  不要在Auth.signIn的成功回调中同步调用获取用户属性的方法，要等待登录操作完全完成、凭证写入后再执行后续操作，参考代码：

async function loginAndGetAttributes(username, password) {
  try {
    // 等待登录流程完全结束
    await Auth.signIn(username, password);
    // 主动拉取当前已认证的用户对象，这一步会等待凭证写入完成
    const authenticatedUser = await Auth.currentAuthenticatedUser();
    // 再获取用户属性
    const attributes = await Auth.userAttributes(authenticatedUser);
    // 处理属性逻辑
  } catch (error) {
    console.log('操作失败：', error);
  }
}

• 检查Cognito存储配置
  确认你初始化AWS Amplify时没有错误配置存储介质，不要使用内存存储MemoryStorage，该存储方式不会持久化写入localStorage，异步操作或者页面刷新就会丢失凭证。默认配置不需要手动指定storage参数，如果你有自定义需求可以显式指定为window.localStorage：

Amplify.configure({
  Auth: {
    region: '你的Cognito区域',
    userPoolId: '你的用户池ID',
    userPoolWebClientId: '你的客户端ID',
    storage: window.localStorage // 显式指定存储介质为本地存储
  }
})

• 排除认证挑战流程影响
  如果你的用户触发了首次登录强制改密、MFA验证等认证挑战流程，登录接口返回的用户还未完成完整认证，不会生成ID Token，需要先走完所有挑战步骤后再获取用户属性。

• 排查浏览器存储权限
  部分浏览器的隐私浏览模式会限制localStorage的写入权限，你可以在登录成功后手动打印window.localStorage，确认是否存在前缀为CognitoIdentityServiceProvider的ID Token相关键值。

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