uni-app开发安卓app的封装get和post及页面使用

 

 

request.js页面如下

const baseUrl = "请求地址"

//get请求

//get请求封装
export function getRequest(url,params){
	return new Promise((resolve, reject) => {
		uni.request({
		    url: baseUrl + url,
		    data: params,
			method:"GET",
		    dataType:'json',
		    header:{
		    	'content-type': 'application/json',
		    	'Authorization': "Bearer " + uni.getStorageSync('token')
		    },
			success:function(res){
				resolve(res.data);
			},
			error:function(err){
				reject('网络出错');
			}
		})
	})
}

//post请求

//post请求封装
export function postRequest(url,params){
	return new Promise((resolve, reject) => {
		uni.request({
		    url: baseUrl + url,
		    data: params,
			method:'POST',
		    header:{
		    	'content-type': 'application/json',
		    	'Authorization': "Bearer " + uni.getStorageSync('token')
		    },
			success:function(res){
				resolve(res.data);
			},
			error:function(err){
				reject('网络出错');
			}
		})
	})
}

api.js页面如下

import {getRequest, postRequest } from './request.js'

export function getname(params) {
    return getRequest(`get接口地址`, params)
}

export function postname(params) {
    return postRequest(`post接口地址`, params)
}

页面中使用 index.vue

<script>
import {getname,postname} from "@/common/api.js";

methods: {
    getname({
    参数:值,
    }).then(res => {
        console.log(res)
    }).catch(err => {
        console.log(err)
    })

    postname({
    参数:值,
    }).then(res => {
        console.log(res)
    }).catch(err => {
        console.log(err)
    })
}

</script>