uni-app填坑{"errMsg":"request:fail abort statusCode:-1"}

遇坑

当我兴高采烈的封装了一个异步请求的方法之后,赶紧写了个测试后台进行网络请求,结果当我运行程序的时候h5端正常获取到参数,但是app端却报了这样的错误。

16:11:19.304 [Vue warn]: Error in onLoad hook (Promise/async): "[object Object]"
16:11:19.342 (found at pages/index/index.vue:1)
16:11:19.363 {"errMsg":"request:fail abort statusCode:-1"}

尝试解决1

刚开始我一直以为是我封装的异步请求方法出现问题,但是有一点疑惑的就是为什么H5端可以正常请求到呢。
在这里插入图片描述
我开始在官网上寻找答案,发现了有一个专门针对APP的属性参数:
在这里插入图片描述
我开始了第一次尝试修改bug,添加sslVerify属性

{
	url:`${config.apiBaseUrl}${url}`,
	data,
	method,
	sslVerify:false,
	header:{
	}
}

于是我又开始了尝试数据的请求,可是,控制台那红色的字体给我浇了一瓢冷水,结果依然还是:

16:11:19.304 [Vue warn]: Error in onLoad hook (Promise/async): "[object Object]"
16:11:19.342 (found at pages/index/index.vue:1)
16:11:19.363 {"errMsg":"request:fail abort statusCode:-1"}

尝试解决2

看到还是报错之后,我开始意识到一个问题,模拟器和电脑似乎不是一个系统,它们两之间有一个边界作为隔离,也就是说模拟器是不能使用127.0.0.1或者localhost作为url访问地址的,于是我看了一下我的config.js文件:

const config = {
	apiBaseUrl: 'http://127.0.0.1:8888/'
}
export default config;

果然,不出意外的话就是apiBaseUrl的原因,于是我查看了我电脑的局域网ip

#cmd运行
ipconfig

得到ip地址后,将apiBaseUrl的地址换成自己局域网的ip地址

const config = {
	apiBaseUrl: 'http://192.168.124.24:8888/'
}
export default config;

终于,再一次尝试后请求成功!
在这里插入图片描述

最终解决方案

  • 发送请求时,不能使用127.0.0.1或者localhost作为请求的url,把url换成本机的ip地址(或者本机局域网ip)即可!
  • 如果需要使用真机进行调试,需要将手机和电脑置于同一网络环境下,使用本机局域网IP地址作为请求url。
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐