React Native安卓端如何无需端口转发访问本地自定义域名服务的图片

React Native 调试模式下，fetch 类请求由运行在 PC 端的 JS 引擎发起，会读取 PC 端的 hosts 配置完成域名解析，因此可以正常访问。但 Image 组件的图片请求由安卓原生网络栈发起，请求直接从安卓设备发出，设备本身没有配置 local.minikube.com 的域名映射，因此无法解析域名导致请求失败。

以下方案均不需要做端口转发、也不需要使用adb reverse映射端口：

方案1：修改安卓设备hosts文件（无需修改代码） #

适合有root权限的真机或安卓模拟器，操作如下：

• 确认笔记本和安卓设备连接到同一局域网，记录笔记本的局域网真实IP（即hosts中配置的192.168.xxx.yyy）
• 执行adb root获取设备root权限（官方模拟器可直接开启root权限，第三方真机需提前完成root）
• 执行adb remount将设备系统分区挂载为可写状态
• 执行adb pull /system/etc/hosts ./hosts将设备的hosts文件拉取到本地
• 编辑本地的hosts文件，新增一行：

192.168.xxx.yyy local.minikube.com

• 执行adb push ./hosts /system/etc/hosts将修改后的文件推回设备
• 重启设备后即可生效，所有业务代码无需修改即可正常访问目标图片。

方案2：全局拦截图片请求替换域名（无需修改设备配置） #

如果不方便root设备，可以在React Native层做全局请求拦截，自动将域名替换为PC的局域网IP，业务代码完全不需要调整：

• 引入React Native网络拦截工具，或者自行封装统一的图片URI处理逻辑
• 全局配置拦截规则：当请求的URI域名是local.minikube.com时，自动将域名替换为PC的局域网IP192.168.xxx.yyy
• 配置完成后，业务代码中还是直接使用http://local.minikube.com/static/img/A.png即可，图片请求会自动转换为可访问的IP地址形式。

方案3：局域网DNS添加解析记录（多设备调试最优解） #

如果当前局域网有可配置的DNS服务器，直接在DNS服务中添加一条A记录：

• 域名：local.minikube.com
• 指向IP：192.168.xxx.yyy
  配置完成后，所有连接到该局域网的设备都可以直接解析该域名，不需要修改任何设备或代码配置，适合多设备调试场景。

注意：以上所有方案都需要保证安卓设备和笔记本在同一局域网下，且笔记本的防火墙没有拦截80端口的入站请求。

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