Flutter应用Google登录时出现XMLHttpRequest错误的问题排查与修复求助

嘿，我仔细扒了你的代码，咱们一步步拆解这个XMLHttpRequest错误的问题，应该能很快搞定！

首先，先梳理几个最可能的核心问题点，你可以逐一验证：

1. 服务器响应解析逻辑错误（最可能触发异常的点） #

看你Flutter端AuthRepository里的这段代码：

final newUser = userAcc.copyWith(
  uid: jsonDecode(res.body)['_id'],
);

而你的服务器auth.js中返回的是res.json({ user });，也就是返回的JSON结构是{user: {_id: "...", name: "...", ...}}——你直接取['_id']根本找不到对应字段，自然会抛出异常，进而触发catch块，表现为你看到的错误。

把这段代码改成这样：

final responseBody = jsonDecode(res.body);
final newUser = userAcc.copyWith(
  uid: responseBody['user']['_id'],
);

2. CORS配置与服务器地址适配问题 #

虽然你服务器里加了app.use(cors())，但默认配置可能存在兼容性问题，再加上模拟器/真机访问本地服务器的地址特殊性，容易触发跨域错误：

• Android模拟器：不能用localhost访问本地服务器，得替换成10.0.2.2（这是模拟器映射本地主机的专用地址）
• CORS精准配置：可以把Flutter应用的访问源明确加入允许列表，避免默认配置的限制：

const corsOptions = {
  origin: ['http://10.0.2.2:3001', 'http://localhost:3001', 'http://你的真机局域网IP:3001'],
  credentials: true,
};
app.use(cors(corsOptions));

3. Google用户信息的空值处理隐患 #

你在构建UserModel时直接用了user.displayName!和user.photoUrl!，但某些情况下Google返回的用户信息可能为空（比如用户关闭了个人信息授权），这会直接抛出空指针异常，被catch块捕获后也会表现为XMLHttpRequest相关错误。

给这些字段加个兜底处理：

final userAcc = UserModel(
  email: user.email ?? '',
  name: user.displayName ?? '未知用户',
  profilePic: user.photoUrl ?? '',
  uid: '',
  token: '',
);

4. 完善服务器错误状态码的处理逻辑 #

你Flutter端只处理了statusCode == 200的情况，但服务器返回500、400等错误码时，你没有做任何处理，导致错误信息不明确。补充一下状态码分支：

switch (res.statusCode) {
  case 200:
    final responseBody = jsonDecode(res.body);
    final newUser = userAcc.copyWith(
      uid: responseBody['user']['_id'],
    );
    error = ErrorModel(data: newUser, error: null);
    break;
  case 500:
    final errorBody = jsonDecode(res.body);
    error = ErrorModel(data: null, error: errorBody['error']);
    break;
  default:
    error = ErrorModel(data: null, error: '意外状态码: ${res.statusCode}');
}

5. 基础网络连通性检查 #

最后确认两个基础问题：

• 服务器是否正常运行，控制台有没有打印connection succesful和connected at port 3001
• Flutter端能否访问服务器：Android模拟器可以用浏览器打开http://10.0.2.2:3001/api/signup，真机要确保和服务器在同一局域网，用服务器的局域网IP访问

你可以先按上面的顺序排查，尤其是前两点，这是这类错误的高发原因。如果还是解决不了，把catch块里打印的e.toString()具体内容贴出来，咱们再精准定位！

备注：内容来源于stack exchange，提问作者Mumum