uni-app的escook/request-miniprogram请求封装

第一步：安装插件   npm i @ escook/request-miniprogram

第二步：新建utils/http.js文件夹

// 按需导入 $http 对象
import {
  $http
} from '@escook/request-miniprogram'
// 将按需导入的 $http 挂载到 uni 顶级对象之上，方便全局调用
uni.$http = $http

// 请求根路径
$http.baseUrl = 'http://localhost:3000'

// 请求拦截器
$http.beforeRequest = function(options) {
  // 显示loading效果
  uni.showLoading({
    title: '数据加载中...',
  })
}

// 响应拦截器
$http.afterRequest = function() {
  // 关闭loading效果
  uni.hideLoading()
}
 

第三步：在main.js文件引入

// 引入封装的请求格式
import '@/utils/https.js'

第四步：在.vue文件中可以通过uni.$http发起请求

例如：发起get请求   uni.$http.get('请求地址',请求携带的参数)