uni-app小程序中request uni-ajax插件的使用

 1.插件市场中下载request uni-ajax插件

 2.拦截器的简易封装（utils/request.js）

import ajax from '@/uni_modules/u-ajax'

// 创建请求实例
const instance = ajax.create({
  // 基地址
  baseURL: '#'
})

// 添加请求拦截器
instance.interceptors.request.use(
  (config) => {
    uni.showLoading({
      title: '正在加载...',
      mask: true 
    })
    return config
  },
  (error) => {
    return Promise.reject(error)
  }
)

// 添加响应拦截器
instance.interceptors.response.use(
  (response) => {
      if (response.data.code !== 200) {
      uni.showToast({
        title: response.data.msg
      })
      return Promise.reject(response.data)
    }
    uni.hideLoading()
    return response
  },
  (error) => {
    uni.hideLoading()
    return Promise.reject(error)
  }
)

// 导出实例
export default instance

3.使用

import request from '@/utils/request'

request.get()
request.post()
request.put()
request.delete()