uni-app封装request

uni-app封装request是一种将请求接口封装到一个脚本中的做法。通过参数传入uni.request进行请求，这样可以减少代码重复量。在封装的request文件中，通过promise进行结果和错误捕获的封装。

具体的代码示例如下：

// 封装request.js
const BASE_URL = 'http://localhost:9090'

export const request = (options) => {
  return new Promise((resolve, reject) => {
    uni.request({
      url: BASE_URL + options.url,
      method: options.method || 'GET',
      header: {
        token: uni.getStorageSync('user') ? uni.getStorageSync('user').token : ''
      },
      data: options.data || {},
      success: (res) => {
        const data = res.data
        if (data.code === 51 || data.code === 52) {
          uni.navigateTo({ url: '/pages/login/login' })
          return
        } else if (data.code !== 200) {
          uni.showToast({ icon:'error', title:'操作错误' })
        }
        resolve(data)
      },
      fail:(error)=>{
        uni.showToast({ icon:'error', title:'系统错误' })
        reject(error)
      }
    })
  })
}

然后在main.js中将这个request.js文件导入全局配置，代码如下：

// main.js
import { request } from "./utils/request.js"
Vue.prototype.request = request

通过以上的封装和配置，就可以在uni-app中使用封装好的request进行接口请求了。