uniApp封装请求

一、request封装

1. 创建一个api文件夹，用于存放所有的API接口文件。
2. 在api文件夹中创建一个request.js文件，用于配置接口的路由信息、请求地址和请求方法等信息。示例代码如下：

 

const BASE_URL = 'http://example.com/api' // 替换为你的接口基础URL

export const request = (url, method = 'GET', data = {}) => {
  return new Promise((resolve, reject) => {
    uni.request({
      url: BASE_URL + url,
      method: method,
      data: data,
      header: {
        'Content-Type': 'application/json' // 根据接口要求设置请求头
      },
      success: res => {
        if (res.statusCode === 200) {
          resolve(res.data)
        } else {
          reject(res)
        }
      },
      fail: err => {
        reject(err)
      }
    })
  })
}

在上述代码中，我们首先定义了接口的基础URL BASE_URL，然后封装了一个request函数，用于发起请求。该函数接收三个参数：url表示请求的具体路径，method表示请求方法，默认为GET，data表示请求的参数，默认为空对象。

在request函数内部，我们通过uni.request发起请求，将请求的URL拼接为完整的请求路径，并根据传入的参数设置请求的方法、数据和请求头。当请求成功时，如果statusCode为200，则将返回的数据通过resolve传递出去；否则，将返回的错误信息通过reject传递出去。当请求失败时，也会将错误信息通过reject传递出去。

使用封装的请求函数时，可以在其他地方引入request.js文件，并调用request函数发起请求，例如：

import { request } from '@/api.js'

// 发起GET请求
request('/user', 'GET')
  .then(res => {
    console.log(res)
  })
  .catch(err => {
    console.error(err)
  })

// 发起POST请求
request('/login', 'POST', { username: 'admin', password: '123456' })
  .then(res => {
    console.log(res)
  })
  .catch(err => {
    console.error(err)
  })