uni-app填坑{“errMsg“:“request:fail abort statusCode:-1“}[亲测有效]

(52) 2023-06-12 09:12

Hi,大家好,我是编程小6,很荣幸遇见你,我把这些年在开发过程中遇到的问题或想法写出来,今天说一说uni-app填坑{“errMsg“:“request:fail abort statusCode:-1“}[亲测有效],希望能够帮助你!!!。

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

    • 遇坑
    • 尝试解决1
    • 尝试解决2
    • 最终解决方案

遇坑

当我兴高采烈的封装了一个异步请求的方法之后,赶紧写了个测试后台进行网络请求,结果当我运行程序的时候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端可以正常请求到呢。
uni-app填坑{“errMsg“:“request:fail abort statusCode:-1“}[亲测有效]_https://bianchenghao6.com/blog__第1张
我开始在官网上寻找答案,发现了有一个专门针对APP的属性参数:
uni-app填坑{“errMsg“:“request:fail abort statusCode:-1“}[亲测有效]_https://bianchenghao6.com/blog__第2张
我开始了第一次尝试修改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;

终于,再一次尝试后请求成功!
uni-app填坑{“errMsg“:“request:fail abort statusCode:-1“}[亲测有效]_https://bianchenghao6.com/blog__第3张

最终解决方案

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

上一篇

已是最后文章

下一篇

已是最新文章

发表回复