微信小程序设置loading效果

在app.wpy中添加如下代码

export default class extends wepy.app {
  constructor() {
    super()
    this.use('requestfix')
    // 通过这一行代码，可以为异位的Api,开启Promise功能，这样，异位API调用的结果，返回值是Promise对象
    this.use('promisify')

    // 拦截器
    this.intercept('request', {
      config(p) {
        // 显示loading
        wepy.showLoading({
          title: '数据加载中...'
        })
        // 必须返回OBJECT参数对象，否则无法发送请求到服务端
        return p
      },

      // 请求成功后的回调函数
      success(p) {
        // 必须返回响应数据对象，否则后续无法对响应数据进行处理
        return p
      },

      // 请求失败后的回调函数
      fail(p) {
        return p
      },

      // 请求完成时的回调函数(请求成功或失败都会被执行)
      complete(p) {
        // 隐藏loading
        wepy.hideLoading({
          title: '数据加载中...'
        })
      }
    })
  }

  onLaunch() {
    console.log('小程序启动了')
  }
}