uni-app请求封装

1,在根目录先新建一个js文件

2,js文件代码

const commonUrl = 'https://xxxxxxxx.com'  //请求接口地址
let isJson = true
const httpRequest = (url, method, data, isJson) => {
	let method = method.toUpperCase();//小写改为大写
	//需要传的数据
	if (!data) {
		data = {}
	}
	if(getApp().globalData.token){
		 //获取token
		data['token'] = getApp().globalData.token;
	}
	// 
    let httpRequestOption = {
        url: commonUrl + url,
        data: data,
        method: method,
		header:{
			'X-Requested-With': 'XMLHttpRequest',
			//判断需要json格式还是formData格式传参
			'content-type': isJson == false ? 'application/x-www-form-urlencoded;charset=UTF-8' : 'application/json'
		},
        dataType: 'json',
    }
    return new Promise(function(resolve, reject) {
        uni.request(httpRequestOption ).then(
            (res) => {
            	//请求成功返回的数据
				resolve(res[1].data)
				//console.log(res)
            }
        ).catch((response) => {
                reject(response)
            }
        )
    })
};
 
export default {
	commonUrl,
	httpRequest				
}

使用方法:在main.js中引入并挂载到全局

import http from 'request.js'
Vue.prototype.http = http

在需要用到的vue页面

			this.http.httpRequest('/index.php/member','post',{
					openid:this.openid
				}).then((res) => {
					if(res.code == xxx){
						console.log(res);
					} else {
						uni.showToast({
							icon:'获取数据失败'
						})
					}
				})