RN Chrome本地调试出现跨域问题?



  • 我新建了一个react native项目想着要用浏览器调试一下,按照官方说的打开开发菜单中选择Debug JS Remotely,然后的确打开一个新的http://localhost:8081/debugger-ui但是却会报出一个错误0_1521515634411_image.png 我弄了很久都没明白为什么会有这个错误???,所以想问一问大家有什么解决的办法??



  • 在AppDeleDelegate.m文件里
    把你的调试ip更换为
    jsCodeLocation = [NSURL URLWithString:[NSString stringWithFormat:@"http://%@:8081/index.ios.bundle?platform=ios&dev=true", @"127.0.0.1你的IP地址"]];
    // jsCodeLocation = [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index.ios" fallbackResource:nil];



  • @zhangqsh 说:

    jsCodeLocation = [NSURL URLWithString:[NSString stringWithFormat:@"http://%@:8081/index.ios.bundle?platform=ios&dev=true", @"127.0.0.1你的IP地址"]];

    你好,谢谢你的回答,我在项目里找不到你所说的AppDeleDelegate.m这个文件,不过我在ios那个文件夹里找到了AppDelegate.m这个文件不知道是不是,而且我的这个错误是在安卓机子上进行调试时出现的。你那个好像是改ios的吧?我是刚进RN这个坑的如果有说错的地方还请见谅。



  • 最近的版本有个bug,就是浏览器打开的并不是localhost,而是安卓设备或模拟器的ip地址
    你改回localhost即可



  • @晴明 好的谢谢



  • @Dong163
    备注说明,浏览器IP换成localhost,eg:
    0_1535248330212_5f75df9f-1166-49f9-a939-f818493237e9-image.png


Log in to reply