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

【微信|微信小程序开发真机调试报错 request:fail -109:net::ERR_ADDRESS_UNREACHABL ?】微信小程序开发真机调试过程中,出现PC端调试能够正常请求数据,正常显示,但是手机端请求不到,搜到有小伙伴也遇到这样的问题,但是没找到解决方法,这里写一下
首先,上述问题报错如下:
微信|微信小程序开发真机调试报错 request:fail -109:net::ERR_ADDRESS_UNREACHABL ?
文章图片

打印错误得到:
“request:fail -109:net::ERR_ADDRESS_UNREACHABLE”微信|微信小程序开发真机调试报错 request:fail -109:net::ERR_ADDRESS_UNREACHABL ?
文章图片

先说下最后的解决方案:找了很久最后的问题所在是手机和电脑不在同一局域网中,一定要检查是不是在同一局域网。本人手机和电脑连的都是校园网,一直是这样的情况,最后用手机给电脑开热点,iPad上登录微信扫码预览终于出来了!!
真机预览的步骤如下
(1).微信开发工具设置:开发工具右上角,点击详情,本地设置;勾选不校验合法域名、web-view(业务域名)、TLS版本以及HTTPS证书;如下图所示:
微信|微信小程序开发真机调试报错 request:fail -109:net::ERR_ADDRESS_UNREACHABL ?
文章图片

(2)修改app.js里面的请求地址
微信|微信小程序开发真机调试报错 request:fail -109:net::ERR_ADDRESS_UNREACHABL ?
文章图片

ip地址查询:cmd->ipconfig
微信|微信小程序开发真机调试报错 request:fail -109:net::ERR_ADDRESS_UNREACHABL ?
文章图片

(3)手机和电脑需要连接的是同一局域网!!!!(一定要确保在同一局域网,比如手机和电脑连接同一wifi)
(4)点击微信开发者工具上面的预览,可以选择 二维码预览和 自动预览两种方式;如下图所示
微信|微信小程序开发真机调试报错 request:fail -109:net::ERR_ADDRESS_UNREACHABL ?
文章图片

    推荐阅读