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

短命女 2021-10-06 18:46 1250阅读 0赞

### 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端可以正常请求到呢。  
![在这里插入图片描述][20210303162031835.png]  
我开始在[官网][Link 1]上寻找答案，发现了有一个专门针对APP的属性参数：  
![在这里插入图片描述][2021030316222835.png]  
我开始了第一次尝试修改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;

终于，再一次尝试后请求成功！  
![在这里插入图片描述][20210303163257299.png]

## 最终解决方案 ##

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

[20210303162031835.png]: /images/20211007/a6cbde307e6647dd9051e623fa4e54a0.png
[Link 1]: https://uniapp.dcloud.io/api/request/request?id=request
[2021030316222835.png]: /images/20211007/b9c253e031d14bb2babde35ac5f7658b.png
[20210303163257299.png]: /images/20211007/718e9cac66f5486588d7d7eeafbd606b.png