微信小程序----封装request以及对接口进行模块化

微信小程序----封装request以及对接口进行模块化

1. 封装request：http.js

export default function request(params) {
    
    
  return new Promise((resolve, reject) => {
    
    
    let url = getApp().globalData.url;//全局域名
    wx.showLoading({
    
    
      title: '加载中',
    })
    wx.request({
    
    
      url: url + params.url,
      method: params.method ? params.method : 'POST',
      data: params.data ? params.data : null,
      success: (res) => {
    
    
        wx.hideLoading()    
        let code = res.data.code;
        resolve(res.data)
        if (code != 1 && code !== 200) {
    
    
          wx.showToast({
    
    
            title: res.data.msg,
            icon: 'none'
          })
        }    
      },
      fail: (err) => {
    
    
        reject(err)
        wx.hideLoading()
        wx.showToast({
    
    
          title: err.data.msg,
          icon: 'none'
        })
      }
    })
  })
}

2.接口模块化：post.js

import request  from './http';
const user_id = wx.getStorageSync('user_id');
const openid = wx.getStorageSync('openid');

export function xxxx(){
    
    
  const params = {
    
    
    url:'xx/xx',
    data:{
    
    
    	user_id 
    }
  }
  return request(params)
}

3.引用模块化的接口

import {
    
    
  XXX
} from '../../utils/post';

 async getlist(){
    
    
   let res = await xxx();
   consloe.log('获取的接口数据--',res)
 },
 
//或者

getlist(){
    
    
  xxx().then((res)=>{
    
    
  consloe.log('获取的接口数据--',res)
 })
}