小程序用Promise封装（get,put,post,delete）请求库

1.逻辑是这样的用户登录成功，我们把token和用户的信息存储到本地

 

2.config是存放baseUrl的文件

const config = {

        url: 'https:XXX/index.php'
}
export {
    config
}

3.在请求库requset.js, http请求函数返回的是一个 promise 的对象，利用微信的wx.request接口，请求成功的时候resolve，请求失败时reject 

import {
    config
} from './config.js'
import Toast from '../ui/dist/toast/toast'

//公共请求接口方法
var onoff = true
const http = (method, url, data) => {

    //加载动画
    wx.showLoading({
        title: '加载中...',
        showCancel: true,
        mask: true
    });

    //用户信息对象

    let loginInfo = wx.getStorageSync('login_info') ? JSON.parse(wx.getStorageSync('login_info')) : {
        token: null,
        id: null
    };
    return new Promise(function(resolve, reject) {

        wx.request({
            method: method, //请求类型
            url: config.url + url, //请求地址
            header: { //请求头
                'content-type': 'application/json',
                'token': loginInfo.token,
                'id': loginInfo.id
            },
            data: data, //请求参数
            success: res => {
                wx.hideLoading(); //请求完成关闭加载动画
                //token过期 清除用户信息（根据后端返回相应的状态码就行拦截）
                if (res.data.error_code == 21000) {
                    console.log("登录超时")
                    if(!onoff) return
                    wx.showModal({
                        title: '提示',
                        content: '登录已过期',
                        confirmText:"重新登录",
                        showCancel:false,
                        success (res) {
                          if (res.confirm) {
                            wx.removeStorageSync("login_info");
                            wx.setStorageSync('isLogin', false);
                            wx.reLaunch({ url: "/pages/login/pages/guide/guide" });
                            // onoff=!onoff;
                          } 
                        }
                      })
             
                    return
                }
                if (res.statusCode == 200) {
                    onoff=true;
                    resolve(res.data); //成功回调
                } else {
                    console.log(res.data, 666)
                    wx.showToast({
                        title:res.data.msg ||'网络错误！',
                        icon: 'none',
                        duration: 2000
                      })
                }
            },
            fail: err => {
                console.log(err,"请求失败了")
                reject(err); //失败回调
                wx.hideLoading(); //请求完成关闭加载动画
     
            },
            complete: info => {

                
            }
        })
    })
}

const Get = (url, data) => http('GET', url, data)
const Post = (url, data) => http('POST', url, data)
const PUT = (url, data) => http('PUT', url, data)
const DELETE = (url, data) => http('DELETE', url, data)
export {
    Get,
    Post,
    DELETE,
    PUT
}

4.api文件

import {
    Get,
    Post,
    PUT
} from '../utils/request.js'
//账号登录接口
export function loginHandle(params) {
    return Post('/api/v1/login', params)
}

5.页面调用

import {

loginHandle

 } from '../utils/request.js'

loginHandle().then(res=>{

　　console.log(res,"请求成功的返回值")
})