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。