React Native Expo Android登录遇非序列化状态值及500网络错误

一、Redux非序列化值错误（A non-serializable value was detected in the state） #

原因 #

在loginUser异步thunk的catch块中，直接将Error对象通过rejectWithValue(e)传递给reducer，而Error对象属于不可序列化的复杂类型，存入state.loginErrorMessage后触发Redux的序列化检查机制，导致报错。

解决方案 #

修改loginUser的catch逻辑，提取错误信息字符串而非直接传递Error对象：

// authSlice.ts 中 loginUser 的 catch 块
catch (e: any) {
  console.log(e);
  // 提取错误信息字符串，避免存入非序列化对象
  const errorMsg = e.message || "登录失败，请稍后重试";
  return thunkApi.rejectWithValue(errorMsg);
}

额外优化：如果需要保留更多错误信息，可将错误转为可序列化的纯对象（比如{ message: e.message, code: e.code }），但需确保loginErrorMessage的类型与之匹配。

二、Android真机热点连接本地服务器出现500错误（iOS正常） #

核心原因 #

iOS模拟器与电脑共享网络栈，可直接通过localhost访问本地服务器；但Android真机连接电脑热点时，属于独立的局域网设备，存在网络访问限制或地址配置问题。

解决方案 #

1. 修改服务器绑定地址
   确保本地服务器启动时绑定0.0.0.0（允许所有局域网设备访问），而非仅绑定127.0.0.1/localhost：

// 以Node.js Express为例
app.listen(3000, '0.0.0.0', () => {
  console.log('服务器监听所有局域网请求');
});

2. 更新Android端BASE_URL
   将Android的BASE_URL替换为电脑的局域网IP地址（可通过ipconfig/ifconfig查询，比如192.168.1.100），而非localhost：

// 根据平台切换BASE_URL
import { Platform } from 'react-native';

const BASE_URL = Platform.OS === 'android' 
  ? 'http://192.168.1.100:3000' 
  : 'http://localhost:3000';

3. 关闭/配置电脑防火墙
   电脑防火墙可能拦截Android真机的请求，暂时关闭防火墙测试，或添加服务器端口的入站允许规则（比如允许TCP 3000端口的局域网访问）。

4. 检查服务器错误日志
   查看本地服务器的500错误日志，确认具体报错原因（比如请求参数解析失败、数据库连接异常等），针对性修复后端逻辑。

5. 确认Android网络权限
   确保AndroidManifest.xml中添加了网络权限：

<uses-permission android:name="android.permission.INTERNET" />

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