uniapp请求高级封装

1.根目录下创建api

api/errdata.js

// 提示
const errdata = {
	errlist(err) {
		uni.showToast({
			icon: 'none',
			title: err,
			duration: 2000
		})
	}
}
export {
	errdata
}

api/api.js

// 封装请求：get post
// 引进提示
import {errdata} from 'api/errdata.js'
// GET
let listing = function(urling) {
	return new Promise((resolve, reject) => {
		uni.request({
				'url': urling,
				'methods': 'GET'
			})
			.then((res) => {
				let errs ='得到正确结果'
				errdata.errlist(errs)
				resolve(res)
			})
			.catch((err) => {
				let errs = '服务器错误 请稍后再试'
				errdata.errlist(errs)
				reject(err)
			})
	})
}

export {
	listing
}

api/request.js

// 公用地址
let url = "https://meituan.thexxdd.cn/api/"

// 为你优选
let getpreferurl = `${url}forshop/getprefer`



export {
	getpreferurl
}

2.使用

<template>
	<view class="contenting">
		
	</view>
</template>

<script>
	
	// 引入接口
	import {listing} from '../../api/api.js'
	import {getpreferurl} from '../../api/request.js'
	export default {
		
		data() {
			return {
				title: 'Hello',
				// 为你优选
				preferdata:[]
			}
		},
		methods: {
			// 为你优选
			preference(){
				listing(getpreferurl).then((res)=>{
					console.log(res)
					this.preferdata=res[1].data
				}).catch((err)=>{
					console.log(err)
				})
			}
		},
		mounted(){
			this.preference()
		}
		
	}
</script>