uni-app网络请求封装

Posted 2023-03-14

参考技术A 请求结果

注意 ：页面POST请求header需配置为 'content-type' : "application/x-www-form-urlencoded"，如：

故，可对网络请求封装继续优化。

拓展：设置网络请求为同步可参考 Promise 封装 。大致可分为三种方案：请求嵌套(异步方式的成功回调里获取数据后再采用异步方式请求)、promise 或者await，具体实现可自行实践，这里不详细叙述。

(1) 未封装前index.vue页面使用

备注：后台返回的data值如下

打印结果： uniapp上传文件api返回的data是字符串类型，需先将data转换为json对象，之后再取里面的值 。

(2) main.js中封装网络请求

(3) 封装后index.vue页面调用

(1) http.js

(2) 单页面引入js文件并调用

(3) 全局引入js文件并调用