为了方便使用和维护,我们可以将uniapp的请求进行封装。

  1. 创建一个request.js文件,并引入uniapp的request方法。
import { request } from 'uni-app';

  1. 封装请求方法
export default function request(url, data = {}, method = 'GET') {
  // 返回Promise对象
  return new Promise((resolve, reject) => {
    uni.request({
      url: url,
      data: data,
      method: method,
      header: {
        'content-type': 'application/x-www-form-urlencoded'
      },
      success: res => {
        if (res.statusCode === 200) {
          resolve(res.data);
        } else {
          reject(res.errMsg);
        }
      },
      fail: err => {
        reject(err);
      }
    });
  });
}

  1. 在需要使用的地方引入并调用
import request from './request.js';

request('/api/user', {id: 1}, 'POST')
  .then(res => {
    console.log(res);
  })
  .catch(err => {
    console.log(err);
  });

这样,我们就可以在uniapp中方便地使用封装好的请求方法了。

写一个uniapp的请求封装

原文地址: https://www.cveoy.top/t/topic/4Uw 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录