uniapp网络请求成功(真机+开发者工具+H5)-全部配置及技巧

运行在手机端-网络请求失败的问题解决

1、插上usb线
2、安装Hbuilder的手机基座软件。
3、更改localhost、127.0.0.1等服务器地址,这两者只能在电脑端运行,手机端连接时不能访问。
4、手机跟电脑连同一wifi(电脑和手机在同一个网络环境),然后访问地址用内网ip,电脑cmd,输入ipconfig查看内网ip,选择复制ipv4地址即可

技巧1:外部引用url地址,方便统一更改————强烈推荐

我是采用的外部引用的方式,配置所有页面的url前缀,这样只需要更改一个位置即可实现全部页面的url变更——

在这里插入图片描述

export default {
	url: 'http://192.168.50.5:8080',
	// url: 'http://localhost:8080'
	//localhost、127.0.0.1等服务器地址,只能在电脑端运行,手机端连接时不能访问。手机跟电脑连同一wifi(电脑和手机在同一个网络环境),然后访问地址用内网ip,电脑cmd,输入ipconfig查看内网ip,ipv4
}

在这里插入图片描述

6、在hbuilderx开发软件上点击运行,编译到手机端即可

微信开发者工具–网络请求失败的问题解决
解决微信开发者工具无法显示页面的问题:

1、下载微信开发者工具,并且在hbuilderx开发软件中配置好安装路径
2、打开微信开发者工具,点击设置-安全设置-打开端口

解决微信开发者工具无法进行网络请求的问题:

1、打开微信公众号平台获取到自己的测试APPID
2、打开开发者工具,在详情处修改appid为第一步复制的
在这里插入图片描述
3、设置–安全设置–代理–不使用任何代理
在这里插入图片描述
在这里插入图片描述

4、重置系统网络配置:右键命令提示符,选择以管理员身份运行—输入"netsh winsock reset",回车
5、重启电脑、重启微信开发者工具。
6、uni.request()网络请求成功执行:
在这里插入图片描述

技巧2—H5+手机+微信开发者工具都使用统一地址前缀调试

H5页面也可以直接使用ipv4的url地址进行调试和使用localhost:8080的效果一样,所以如果你的应用的跨端的,可以选择使用前者一起调试–技巧2:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值