uniapp封装请求方法

uniapp 封装全局方法 Request请求

  • 封装请求方法
    • 1.新建until.js文件
    • 2.创建公共方法
    • 3.引用外部js调用
    • 4.挂载到vue实例上调用

封装请求方法

1.新建until.js文件

2.创建公共方法

const http = (obj)=>{
	return new Promise((resolve,reject)=>{
		uni.request({
			url:obj.url,
			method:obj.method,
			header:obj.header,
			data:obj.data,
			success:(res)=>{
				console.log('success')
				resolve(res.data)
			},
			fail:(err)=>{
				console.log('err')
				reject(err)
			},
			complete:()=>{
			
			}
		})
	})
}

export default http

3.引用外部js调用

import util from '../../static/js/util.js'

util(obj).then((res)=>{
	console.log(res)
})	

4.挂载到vue实例上调用

main.js文件定义

import http from 'static/js/util.js'

Vue.prototype.$http = http

你可能感兴趣的:(uniapp)