微信小程序开发真机调试报错 request:fail -109:net::ERR_ADDRESS_UNREACHABL ?

微信小程序开发真机调试过程中,出现PC端调试能够正常请求数据,正常显示,但是手机端请求不到,搜到有小伙伴也遇到这样的问题,但是没找到解决方法,这里写一下
首先,上述问题报错如下:
微信小程序开发真机调试报错 request:fail -109:net::ERR_ADDRESS_UNREACHABL ?_第1张图片
打印错误得到:
“request:fail -109:net::ERR_ADDRESS_UNREACHABLE”在这里插入图片描述
先说下最后的解决方案:找了很久最后的问题所在是手机和电脑不在同一局域网中,一定要检查是不是在同一局域网。本人手机和电脑连的都是校园网,一直是这样的情况,最后用手机给电脑开热点,iPad上登录微信扫码预览终于出来了!!
真机预览的步骤如下
(1).微信开发工具设置:开发工具右上角,点击详情,本地设置;勾选不校验合法域名、web-view(业务域名)、TLS版本以及HTTPS证书;如下图所示:
微信小程序开发真机调试报错 request:fail -109:net::ERR_ADDRESS_UNREACHABL ?_第2张图片
(2)修改app.js里面的请求地址
微信小程序开发真机调试报错 request:fail -109:net::ERR_ADDRESS_UNREACHABL ?_第3张图片
ip地址查询:cmd->ipconfig
微信小程序开发真机调试报错 request:fail -109:net::ERR_ADDRESS_UNREACHABL ?_第4张图片
(3)手机和电脑需要连接的是同一局域网!!!!(一定要确保在同一局域网,比如手机和电脑连接同一wifi)
(4)点击微信开发者工具上面的预览,可以选择 二维码预览和 自动预览两种方式;如下图所示
微信小程序开发真机调试报错 request:fail -109:net::ERR_ADDRESS_UNREACHABL ?_第5张图片

你可能感兴趣的:(微信,小程序)