封装小程序请求接口

小程序使用 uni-APP 时 封装请求接口

1.首先我们在src文件中创建一个utlis文件夹,创建request.js文件

export default function(config) {
  // 从参数中解构 baseURL 参数
  const { baseURL } = config
  // 真正的 Vue 插件
  return function(Vue) {
    // console.log(Vue)
    // 挂载Vue实例上  添加全局方法
    Vue.prototype.http = async function(params) {
      // 请求参数
      // console.log(params)
      // 解构参数
      const { url, method, data } = params

      // 显示加载loading
      uni.showLoading({
        title: "加载中",
      })

      // 真正的请求发出
      const res = await uni.request({
        url: baseURL + url,
        method,
        data,
      })

      // 关闭加载loading
      uni.hideLoading()
	 // 根据后端的数据返回自己想要的
      // return res[1]
    }
  }
}

2.在src文件下中的main.js里导入request.js

import Vue from 'vue'
import App from './App'

// 导入封装的 uni.request 接口
import request from '@/utlis/request'

// 插件
const plugin =