在 uniapp 中,我们需要使用 uni.request 这个 API 来进行接口请求,其中的一些参数配置的形式与 axois 类似
对于App、H5、微信小程序端来说,几乎大部分的请求的 method 都支持
请求接口的代码实现
- url:接口请求地址
- data:请求参数
- header:自定义请求头
- ...
- 其中的 content-type 默认为
application/json
- 其中的 content-type 默认为
uni.request({
url: '',
data: data,
header: {},
success: (res) => {
}
});
封装
新建 request.js 文件中统一封装 baseUrl、请求头、token 、成功失败处理等
建立 api 相关的定义页面,引用 request,在具体的页面中引入对应的方法就可以直接调用了接口了
上传和下载
在进行上传和下载时,可以使用 uni.uploadFile (App支持多文件上传,微信小程序只支持单文件上传)和 uni.downloadFile。
上传时 header 参数根据后端接口的要求传入对应的信息,一般还会传入 formData