本地运行React Native应用无法调用Firebase接口，Postman请求正常

问题排查与解决 #

你遇到的问题可以拆分为两个独立问题，按优先级处理即可： #

1. 先解决日志报错掩盖真实错误的问题 #

你看到的PrettyFormatPluginError: value.hasOwnProperty is not a function并不是接口请求本身抛出的错误，而是React Native/Expo的Metro开发环境的日志格式化组件在处理打印内容时抛出的错误：要格式化的value不是普通JS对象，不存在hasOwnProperty方法，导致日志打印失败，掩盖了接口返回的真实错误信息。

临时修复方案：
修改你的日志打印代码，避免直接打印非结构化内容，先做序列化处理：

fetch('https://{app_url}.cloudfunctions.net/app/user', {
    method: 'POST',
    headers: {
      Accept: 'application/json',
      'Content-Type': 'application/json'
     },
     body: JSON.stringify(userPayload) // 这里先同步加上序列化，后面会说明
})
.then(response => response.text())
.then(result => {
     console.log('User in DB created');
     console.log('result', JSON.stringify(result, null, 2)); // 修改点
})
.catch(error => console.log('error', JSON.stringify(error, null, 2))); // 修改点

修改后你就能看到接口返回的真实报错内容，不会再被日志组件的错误覆盖。 #

2. 解决接口500错误的核心问题 #

Postman请求正常、模拟器请求报错，核心原因是两次请求的内容存在差异，最常见的根因就是你当前的代码没有对请求体做序列化：

• Postman中你输入JSON格式的payload后，工具会自动序列化为JSON字符串再发送，服务端可以正常解析
• 你当前的代码直接把JS对象userPayload传给了fetch的body参数，fetch会默认把它转成[object Object]这类字符串，服务端收到后无法解析为合法JSON，就会抛出500错误。

修复方法：把body: userPayload改为body: JSON.stringify(userPayload)即可，上面的代码示例已经同步加上了该修改。 #

可选的额外排查路径 #

如果修改后仍然有问题，可以按以下步骤快速定位：

• 直接登录Firebase控制台，查看对应Cloud Functions的运行日志，可以直接看到服务端抛出500的具体原因，无需客户端侧猜测
• 用抓包工具（如Charles）分别抓取模拟器发出的请求和Postman发出的请求，对比请求头、请求体的差异，即可快速找到不一致的配置项
• 确认Android模拟器没有开启全局代理，部分代理工具如果没有正确配置SSL证书，会篡改HTTPS请求的内容，导致服务端解析失败

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