uniapp怎么实现网络请求封装

什么是网络请求封装?

网络请求封装是指将网络请求的功能进行封装，以便于代码的复用性和可读性，同时还可以提高开发效率和方便维护。在项目中，我们通常会使用第三方库或框架进行封装，也可以自己封装网络请求库。

如何基于uniapp实现网络请求封装?

在uniapp中，可以使用uni.request API进行网络请求，并且uniapp提供了自带的 H5、APP、小程序等多平台支持，可以满足大多数开发需求。下面是一个简单的封装示例：

/**
 * 网络请求封装
 */

import config from '@/config'

export default (url, data = {}, method = 'GET') => {
  const header = {
    'Content-Type': 'application/json;charset=UTF-8'
  }
  return new Promise((resolve, reject) => {
    uni.request({
      url: config.apiBaseURL + url,
      method,
      data,
      header,
      success(res) {
        resolve(res.data)
      },
      fail(err) {
        reject(err)
      }
    })
  })
}

上面的示例中，我们使用了ES6语法和Promise来进行异步操作的处理，使得请求的结果可以在异步场景下被处理。

如何在uniapp代码中使用网络请求封装?

在使用网络请求封装之前，我们需要先引入它。下面是一个使用示例：

import request from '@/utils/request'

// 调用示例
request('/user', { id: 123 }, 'GET')
  .then(data => {
    console.log(data)
  })
  .catch(error => {
    console.error(error)
  })

上述代码调用了封装好的网络请求方法，将请求到的数据在控制台打印输出。

如何对网络请求封装进行规范化?

在进行网络请求封装时，规范化是非常重要的，可以避免代码冗余和可读性差等问题。下面是一个可以参考的规范化示例：

/**
 * 网络请求封装
 */

import config from '@/config'

export default function request(url, options = {}) {
  options.url = config.apiBaseURL + url
  options.header = Object.assign({}, {
    'Content-Type': 'application/json;charset=UTF-8'
  }, options.header)

  return new Promise((resolve, reject) => {
    uni.request(Object.assign({}, {
      success(res) {
        resolve(res.data)
      },
      fail(err) {
        reject(err)
      }
    }, options))
  })
}

在上面的示例中，我们对网络请求进行了一些规范化处理，比如设置Content-Type请求头等操作，使得封装更加符合规范。