uniapp 之接口请求

320 阅读1分钟

在 uniapp 中,我们需要使用 uni.request 这个 API 来进行接口请求,其中的一些参数配置的形式与 axois 类似

对于App、H5、微信小程序端来说,几乎大部分的请求的 method 都支持

image.png

请求接口的代码实现

  • url:接口请求地址
  • data:请求参数
  • header:自定义请求头
  • ...
    • 其中的 content-type 默认为 application/json
uni.request({
    url: '', 
    data: data,
    header: {},
    success: (res) => {
    }
});

封装

新建 request.js 文件中统一封装 baseUrl、请求头、token 、成功失败处理等

建立 api 相关的定义页面,引用 request,在具体的页面中引入对应的方法就可以直接调用了接口了

image.png

上传和下载

在进行上传和下载时,可以使用 uni.uploadFile (App支持多文件上传,微信小程序只支持单文件上传)和 uni.downloadFile。

上传时 header 参数根据后端接口的要求传入对应的信息,一般还会传入 formData