普歌-uniapp中request请求封装和使用（promise）

uniapp中request请求封装和使用(promise)

开发时我们使用本地的请求地址，而在项目上线时会使用线上的地址，并且每个请求所含的参数和请求方式都不大相同，那么在开发时对请求进行封装就是必要的

如图，先新建文件夹api，然后创建js文件

1.请求接口地址request.js

// 公用地址
let url = '域名/api/'
// 配置接口文档路径
let getpreferurl = `${url}forshop/getprefer`

export{getpreferurl}

2.错误提示errdata.js

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

export{errdata}

3.请求函数封装api.js

// 引进提示
import {errdata} from 'api/errdata.js'
// GET
let listing = function(urling) {
	return new Promise((resolve, reject) => {
		uni.request({
				url: urling,
				method: 'GET',
			}).then((res) => {
				resolve(res)
			})
			.catch((err) => {
				let errs = '服务器错误 请稍后再试'
				errdata.errlist(errs)
				reject(err)
			})
	})
}

export {listing}

因为要在不同的页面调用请求函数，所以函数必须暴露出来

使用

1.在页面中引入

	// 引入接口
	import {listing} from '../../api/api.js'
	// 引入请求地址
	import {getpreferurl} from '../../api/request.js'

2.使用

methods: {
	preference() {
		listing(getpreferurl)
			.then((res) => {
				console.log(res)
				this.preferdata = res[1].data
			})
			.catch((err) => {
				console.log(err)
			})
	}
},

---

• 作者：Cnc_zj
• 本文源自：Cnc_zj的《普歌-uniapp中request请求封装和使用（promise）》
• 本文版权归作者和CSDN共有，欢迎转载，且在文章页面明显位置给出原文链接，未经作者同意必须保留此段声明，否则保留追究法律责任的权利。