uniapp vue3项目使用uni.request封装请求

1. 在项目中创建一个api.js文件，用于封装请求方法。

import { BASE_URL } from './config.js'

export default function request(options) {
  return new Promise((resolve, reject) => {
    uni.request({
      url: BASE_URL + options.url,
      method: options.method || 'GET',
      data: options.data || {},
      header: options.header || {},
      success: (res) => {
        if (res.statusCode === 200) {
          resolve(res.data)
        } else {
          reject(res.data)
        }
      },
      fail: (err) => {
        reject(err)
      }
    })
  })
}

2. 在config.js中定义BASE_URL。

export const BASE_URL = 'https://example.com/'

3. 在需要调用接口的页面中，引入api.js文件，并使用封装好的request方法发送请求。

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

export default {
  data() {
    return {
      list: []
    }
  },
  mounted() {
    this.getList()
  },
  methods: {
    getList() {
      request({
        url: 'list',
        method: 'GET'
      }).then(res => {
        this.list = res.data
      }).catch(err => {
        console.log(err)
      })
    }
  }
}