微信开发者工具电脑链接手机热点，预览无法网络请求的问题

原创 已于 2024-03-04 18:25:50 修改 · 872 阅读 · 10 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#微信小程序 #小程序

于 2024-03-04 18:22:57 首次发布
本文介绍了如何在电脑上通过手机热点预览小程序时遇到无网络请求的问题，包括：确保开发工具不校验合法域名、修改请求后端IP地址、使用cmd获取IPv4地址和必要时开启手机开发调试功能。

电脑连接手机热点，预览无网络请求？请检查这几点(全面)

1.开发工具打开不校验合法域名

在这里插入图片描述

2. 将请求后端的ip地址要设置成为当前网络地址 不要写localhost

2.1 电脑 win+r，输入 cmd回车 输入ipconfig 回车 复制ipv4地址设置为小程序请求后端的地址

在这里插入图片描述
在这里插入图片描述

3. 上述操作一致还没解决 那么就剩下我所知道的最后一个办法啦(如果你已经关闭了手机的开发调试)

手机预览界面打开后，开启->>>开发调试功能！！！

开启步骤如下

1.小程序预览界面右上角的三个点点按钮 点击打开

在这里插入图片描述

点击开发调试后，点击打开调试，之后会自动关闭页面 重新打开小程序就ok啦

toHero
关注
微信小程序开发—微信开发者工具界面认识
ylycrp的博客
11-11 1925
认识小程序开发页面，调试小程序
微信开发者工具-出错：网络连接失败解决方案
m0_53780713的博客
08-21 2625
② 控制面板->点击“网络和internet”->Internet选项->点击“高级”->点击还原高级设置和重置；win+R然后输入regedit，打开注册表编辑器，通过路径打开HKEY_CURRENT_USER/Software/Microsoft/Windows/CurrentVersion/Internet Settings。以上两个都不成功，最后使用了卸载重装，但是第一次也没有成功，原因是我安装回了原来的位置，后面百度看见了另一种方案，重新卸载安装，再把安装位置更换一下即可成功！
微信开发者工具登录时显示：网络连接失败错误时
weixin_69787392的博客
07-08 911
1.更换网络，因为之前使用校园网时是可以使用的；但后面一段时间后，使用校园网来登录软件就出现该错误；后面使用自己的手机流量热点来尝试登录，发现就成功了。（登录成功后，可以换回校园网；
微信开发者工具首次登陆提示网络连接失败
weixin_46901090的博客
03-11 3114
微信开发者工具首次登陆提示网络连接失败 Error:getaddrinfo ENOTFOUND open.weixin.qq.com 首次下载并登陆微信开发者工具时,可能会遇到网络连接失败的问题。 此时我们需要考虑以下几种情况: 1.可能是此时网络环境问题 可以打开任意网页对此情况进行排除。若能够正常访问其他网页，那么证明并非网络原因。 2.可能是代理配置问题 很多公司对安全监管较为严格，在使用公司的有线或无线网络时，需要配置代理才能正常访问网页。此时，可以点击右上角设置按钮，手动进行公司对应代理设置。具
微信开发者工具网络连接失败问题解决方法
热门推荐
Dream_Fever的博客
05-24 1万+
网络连接失败的解决方法 今天在做小程序项目的时候，打开微信开发者工具项目运行不起来，发现二维码显示不了 打开工具还弹出这个弹框 当时项目马上就要上线了，我这边的微信开发者工具运行不了项目，就没办法改bug，我就很着急。 百度了一大堆：“微信开发者工具显示网络连接失败怎么解决” “微信开发者工具当前系统代理不是安全代理，是否信任？”。当然，网上一堆解决方法： 第一种方法： 点击设置=>代理设置=>选择“不使用任何代理，勾选后直连网络”；没用。 第二种方法： 卸载工具，重新下载；我来来回回安装
微信小程序,预览无法请求网络
song53536的博客
05-28 6562
记录微信小程序,在真机预览的时候无法请求网络数据的解决办法(这是在开发版的时候遇到的问题,先记录一下,不知发布版是否试用,开发工具的配置) 1、开发工具的配置 2、微信小程序后台配置(这是关键,正式版也需要配置,微信小程序地址:https://mp.weixin.qq.com/) 举例添加合法域名 例如我要请求的地址是:https://xxx.xxxx.com/console/editor/html 那需要填写的合法域名为: xxx.xxxx.com 3、确保微信开发工具使...
精选资源
如何让微信开发者工具显示切后台按钮，微信开发者工具显示“切后台”按钮
02-26
当这个选项被选中，微信开发者工具就会在预览模式下提供一个“切后台”的按钮，通常位于屏幕的底部或者右侧。点击这个按钮，开发者工具会模拟小程序被切换到后台的状态，以便我们检查小程序在后台运行时的行为。 ...
微信开发者工具1.05.22
01-14
微信开发者工具1.05.22是一款专为微信小程序开发者设计的强大开发环境，它集成了代码编辑、调试、预览、发布等一站式功能，帮助开发者高效地构建和管理微信小程序项目。这款工具的版本号1.05.2204250表明它是在2022...
精选资源
微信小程序-原生-使用微信开发者工具
09-05
微信开发者工具提供了多种调试模式，包括模拟器、真机调试、远程调试等，帮助开发者找出并修复问题。完成开发后，开发者可以通过工具提交代码审核，审核通过后即可发布到微信小程序平台供用户使用。 总结来说，...
毕设全套软件包-微信开发者工具
最新发布
10-24
调试工具是开发者在开发过程中不可或缺的部分，微信开发者工具提供了丰富的调试功能，包括断点调试、控制台输出和网络请求监控等，让开发者能快速定位和解决开发过程中遇到的问题。性能分析工具则帮助开发者分析小...
微信小程序网络请求失败
A_man_of_ideas的博客
10-18 1687
需要到官方的微信小程序后台的 开发管理 -> 开发设置 -> 服务器域名配置位置进行域名的配置。未勾选这个设置在任何环境下发送http网络请求会失败。点击小程序右上角 ··· 打开菜单。
微信小程序模拟器正常但二维码预览网络请求失效或白屏一种解决办法
Silly_Master的博客
09-01 2313
在用hbulider使用uni-app开发时，运行到微信开发工具中的模拟器一切显示正常，手机扫二维码预览却发现网络请求失效，这可能是因为uni-app中的网络请求网址没有添加到微信小程序的request的合法域名中，添加上即可正常在手机上预览显示。如果未添加，可以去微信公众平台登录去小程序后台添加上，手机二维码预览的网络请求就正常了。
微信开发工具预览或真机调试时，调不通接口https，网络错误的解决办法。
到底要什么姿态，才不会显得我在使坏。
10-18 2108
但是到预览或者真机时，会出现接口无法调用问题，那么这时候只要做一个设置即可，就是预览或真机扫码打开后，打开调试模式即可！首先，开发工具本地开发时是可以这样设置的。
uniapp微信小程序 解决--微信开发者工具请求正常 真机调试和预览请求失败
ChuChen_HaoLi的博客
09-25 903
我们有一个测试用的域名 之前一直好好地 但是最近突然发现真机测试和预览的请求一直失败。最后突发奇想 直接把我这个请求发到微信上 用微信打开尝试一下。我就在浏览器上试一下 发现请求也照样能获取数据。我又在微信公众平台把域名给加上 发现还是不行。恍然大悟 是域名的证书存在问题。
预览和真机调试无法连接服务器（报网络错误），开发者工具可以正常用
joan_yb的博客
03-06 876
预览和真机调试无法连接服务器（报网络错误），开发者工具可以正常用
微信公众号访问提示网络出错
G_whang的博客
10-24 1万+
节日快乐，远离BUG！ 前两天，我们公司的微信公众号平台出现一个问题：点击公众号菜单进行访问的时候，出现网络异常 我以为是外网地址不稳定导致公众号无法访问，就先跟运维的同事说了下，因为是周末，所以运维同事并没有及时回复我，然后我把服务器地址复制出来，在浏览器进行访问，访问没问题，这时运维同事让我把地址发给他，他检测一下。这就尴尬了，我当时没有把问题考虑清楚就发出去了，着实挺尴尬的，就给他说，我...
微信h5苹果手机出现“网络出错,无法显示该页面“
ouyangxiaoyao25的博客
04-11 3916
微信h5苹果手机网络出错
关于F12后看不到控制台的网络请求这件事......(方法肥肠煎蛋)
m0_75095618的博客
03-25 6836
这个问题超级超级简单容易，但是如果不知道的话那确实很难解决。
微信小程序-真机调试大坑【预览没问题，真机出错】
qq_52347540的博客
05-11 2026
文章目录真机调试版本大坑解决方法 真机调试版本大坑 默认使用的真机调试是最新2.0版本，但是当我们使用了promise后，会在控制台报错: Uncaught (in promise) FrameworkError expected not same 然后页面加载不出来,空白页面 解决方法 预览是没有问题的，问题出在真机调试的版本上面 把版本号切换为1.0旧版本真机调试就正常了 ...
微信开发者工具手机上可以预览但是模拟器显示不出来
06-13
### 微信开发者工具模拟器无法显示但手机可以预览的解决方案 在微信开发者工具中，如果遇到模拟器无法显示但手机可以正常预览的情况，可能是由于以下原因导致的问题。以下是可能的原因分析及解决方案： #### 1. 模拟器缓存问题 模拟器可能存在缓存问题，导致页面无法正确加载。可以通过清除缓存来解决此问题。 - 打开微信开发者工具，点击菜单栏中的“工具”选项。 - 选择“清除缓存”，然后重新启动开发者工具以查看是否解决问题[^1]。 #### 2. 开发者工具版本问题 开发者工具的版本可能存在问题，尤其是当系统重启后可能导致某些文件损坏或版本不兼容。建议更新至最新版本： - 在开发者工具中，点击“帮助”菜单下的“检查更新”。 - 如果有新版本，按照提示进行更新并重新启动工具[^3]。 #### 3. 调试模式设置 在企业微信小程序模式下，调试模式可能未正确配置。确保以下设置正确： - 确保右上角的胶囊按钮菜单中的“打开调试”选项已开启。 - 关闭 HTTPS 证书检测，避免因证书问题导致模拟器无法加载资源[^2]。 #### 4. 本地服务器地址问题 如果项目依赖于本地服务器（如 `localhost`），则需要将请求路径替换为实际的 IP 地址，并确保手机与电脑在同一网络下： - 修改代码中所有 `localhost` 请求地址为本机 IP 地址，例如将 `http://localhost:8080/test/hhh` 替换为 `http://192.168.x.x:8080/test/hhh`。 - 使用命令行输入 `ipconfig` 查看本机 IP 地址[^4]。 #### 5. 模拟器渲染问题 模拟器可能因某些渲染问题导致白屏。尝试以下方法解决： - 点击模拟器右上角的三个点按钮，检查是否有弹出菜单。如果没有，可能是模拟器内部逻辑异常。 - 尝试切换不同的设备型号进行测试，观察是否仍然出现白屏现象。 #### 6. 项目代码问题 检查项目代码是否存在潜在问题，例如 WXML 或 WXSS 文件中可能存在语法错误或资源路径错误： - 在调试器中查看控制台输出，查找是否有相关错误信息。 - 确保所有静态资源路径正确，且没有跨域问题[^5]。 ```javascript // 示例：检查 wx.request 请求路径 wx.request({ url: 'http://192.168.x.x:8080/test/hhh', // 替换为实际 IP 地址 method: 'GET', success(res) { console.log('请求成功:', res); }, fail(err) { console.error('请求失败:', err); } }); ``` ### 注意事项 - 确保开发环境和真机调试环境的接口一致，避免因协议不同（如 HTTP 和 HTTPS）导致的问题。 - 如果以上方法均无效，可尝试重新安装微信开发者工具，确保环境干净无污染。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值