封装小程序http请求

（一） promise封装一个请求接口
// 该文件为request.js
const host = 'http://localhost:8088/aaa/'  // 域名

const request = (method, url, data, isLoading = true) => {
	if (isLoading) {
		wx.showLoading({
			title: '加载中'
		});
	}
	var promise = new Promise(function(resolve, reject) {
		wx.request({
			url: host + url,
			data: data,
			method: method,
			header: {
				"Content-Type": "application/json;charset=UTF-8",
				//"userId":wx.getStorageSync('userId'),
			},
			success: function(res) {
				if (isLoading) {
					wx.hideLoading();
				}
				if (res.status) {
					resolve(res.data);
				} else {
					layerTip('网络错误');
				}
			},
			fail: function(res) {
				// fail调用接口失败
				wx.hideLoading();
			}
		})
	});
	return promise;
}

export request

(二) 写一个公共的调用接口的文件globalData.js

import {request} from './request'
 
//请求登陆接口
export const requestLogin = (loginName,password) => request('post','/api/doLogin',{loginName,password})

(三) 页面调用接口

// 局部引入需要的调用的接口
import {requestLogin} from './globalData.js'

// 对应的登录按钮方法里，调用接口，传入参数
login () {
        requestLogin(this.loginName,this.password).then(res => {
            if (res.status) {
                    wx.showToast({
                    title: '登录成功',
                    icon: 'success',
                    duration: 2000
                })
            }
       })
}