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

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


image.png

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

image.png

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

你可能感兴趣的:(react-native 真机调试的跨域问题)