react-native 真机调试的跨域问题

Posted 2023-03-09

参考技术A 在调试react-native时，当我打开菜单，开启 remote js debug 时，在浏览器的控制台出现错误，提示说无法跨域获取js bundle

看看github上有没有相关的issue，果不其然，有许多开发者也遇到了相同的问题，最终顺利找到了原因和解决方案

由于调试时手机通过电脑的内网IP连接至电脑上的bundle服务，因此当浏览器打开内网IP时，仍然认为这是一个跨域访问。对浏览器来说，本地服务应以localhost来访问，这就会造成浏览器对react-native服务的误解，因此，将浏览器中的内网ip改为‘localhost’即可正常调试。