uni-app网络请求get和post简单封装

1、创建request文件夹和http.js文件

2、http.js中的代码

let baseUrl = '请求地址'

let header = {
    'Content-Type': 'application/json;charset=UTF-8'
}

export default{
    get(url,param){
        return new Promise((resolve,reject) =>{
            uni.request({
                method:'GET',
                url: baseUrl + url,
                data: param,
                header: header
            }).then(res => {
                resolve(res[1].data)
            }).catch(err => {
                reject(err)
            })
        })
    },
    post(url,param){
        return new Promise((resolve,reject) =>{
            uni.request({
                method:'POST',
                url: baseUrl + url,
                data: param,
                header: header
            }).then(res=>{
                resolve(res[1].data)         
            }).catch(err => {
                reject(err)
            })
        })        
    }
}

3、在main.js全局挂载

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

4、在页面中的引用

//get方式
this.$http.get("请求地址", {请求参数}).then(res => {
	console.log("返回数据", res)
})
//post方式
this.$http.post("请求地址", {请求参数}).then(res => {
	console.log("返回数据", res)
})

5、说明

这个其实还可以进一步优化封装，在这里只是一个简单封装，哈哈哈哈哈！