uniapp 封装网络请求

Uniapp是一款跨平台的开发框架，可以同时开发小程序、H5、App等多个平台，因此它对于网络请求的封装也比较方便。下面是一个简单的网络请求封装示例：

1. 创建一个api.js文件，用来存放所有的接口地址和请求方法：

const baseUrl = 'https://api.example.com'

export default {
  login: `${baseUrl}/login`,
  getUserInfo: `${baseUrl}/user/info`,
  // ...其他接口地址
}

2. 在utils文件夹下创建一个request.js文件，用来封装请求方法：

export default function request(url, data = {}, method = 'GET') {
  return new Promise((resolve, reject) => {
    uni.request({
      url,
      data,
      method,
      success: res => {
        resolve(res.data)
      },
      fail: err => {
        reject(err)
      }
    })
  })
}

3. 在需要发送网络请求的地方引入api.js和request.js：

import api from '@/api/api.js'
import request from '@/utils/request.js'

// 发送一个 GET 请求
request(api.getUserInfo).then(res => {
  console.log(res)
})

// 发送一个 POST 请求
request(api.login, {username: 'admin', password: '123456'}, 'POST').then(res => {
  console.log(res)
})

通过这种方式封装网络请求，我们可以将所有的接口地址和请求方法统一管理，让代码更加清晰易懂。