React Native注册功能遇Axios网络错误：AVD与iPhone端异常

我是React Native新手，在首个项目的注册功能中遇到Axios网络错误。Web端测试添加用户功能正常，但在AVD模拟器和iPhone端无法正常工作。

后端Express接口代码 #

const app = express();
const port = 8000;
const cors = require("cors");
app.use(cors());

app.use(bodyParser.urlencoded({ extended: false }));
app.use(bodyParser.json());
app.use(passport.initialize());

app.post("/register", (req, res) => {
 const { name, email, password, image } = req.body;
  // 创建新用户对象
 const newUser = new User({ name, email, password, image });
 // 保存用户到数据库
 newUser
.save()
.then(() => {
  res.status(200).json({ message: "User registered successfully" });
})
.catch((err) => {
  console.log("Error registering user", err);
  res.status(500).json({ message: "Error registering the user!" });
});
});

React Native端handleRegister函数代码 #

// 向后端API发送POST请求完成用户注册
axios
  .post("http://localhost:8000/register", user)
  .then((response) => {
    console.log(response);
    Alert.alert(
      "Registration successful",
      "You have been registered Successfully"
    );
    setName("");
    setEmail("");
    setPassword("");
    setImage("");
  })
  .catch((error) => {
    Alert.alert(
      "Registration Error",
      "An error occurred while registering"
    );
    console.log("registration failed", error);
  });

问题原因及解决办法 #

• 本地地址适配问题
  • Android模拟器：localhost指向模拟器自身，需替换为http://10.0.2.2:8000/register（Android模拟器默认的主机回环地址）
  • iOS模拟器：可直接用localhost，但物理iPhone需使用电脑的本地IP（如http://192.168.x.x:8000/register），且手机和电脑需在同一局域网
• CORS配置优化
  可明确配置允许的源，避免潜在跨域问题：

  app.use(cors({
    origin: ["http://localhost:3000", "exp://*"],
    credentials: true
  }));
  

• 网络权限检查
  • Android：确保AndroidManifest.xml中添加权限：<uses-permission android:name="android.permission.INTERNET" />
  • iOS：确认Info.plist未限制网络访问（默认允许，若有ATS配置需对应调整）
• 错误详情调试
  在catch中打印完整错误信息，精准定位问题：

  .catch((error) => {
    console.log("registration error details:", error.response?.data || error.message || error);
  });
  

内容的提问来源于stack exchange，提问作者Nguyen Minh Duc FGW HN