uni-app封装Propmise

Posted fengshaopu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了uni-app封装Propmise相关的知识,希望对你有一定的参考价值。

一、步骤
1.查看官网的uni的请求数据
地址:https://uniapp.dcloud.io/api/request/request?id=request
2.写一个http文件 下面写index.js
3.index里面封装uni.request请求方法
4.main.js导入http下面的index.js
然后在组件中使用

1.写一个http文件 下面写index.js
在这里插入图片描述
2…index里面封装uni.request请求方法



module.exports={
	request(url,method,data){
		return new Promise((resolve,reject)=>{
			uni.request({
				url:'http://api.intewl.cn/api'+url,
				method:method,
				data:data,
				success(res) {
					resolve(res)
				},
				fail(err) {
					reject(err)
				}
				
			})
		})
	}
}



3.main.js导入http下面的index.js


var axios=require('./http/index.js')

console.log(axios)

Vue.prototype.$axios=axios.request

4.在组件中使用


 1. this.$axios("/index",'get',{}).then((res)=>{
    				 console.log(res)
    				})

以上是关于uni-app封装Propmise的主要内容,如果未能解决你的问题,请参考以下文章

vue 封装propmise 第一种 -----axios封装---api资源管理

uni-app封装网络请求promise

uni-app 4.10封装聊天列表组件

uni-app实战写法

uni-app:封装组件

uni-app:封装组件