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、说明

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

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐