uni-app中的request封装

最新推荐文章于 2023-12-21 14:58:54 发布

歌谣

最新推荐文章于 2023-12-21 14:58:54 发布

阅读量213

点赞数

文章标签： js 封装 http

本文链接：https://blog.csdn.net/weixin_49920110/article/details/117012939

版权

uni-app中的request封装

1）在你hbuilder中的项目文件夹里在创建一个文件夹，在次文件夹中创建一个js
在js中写入封装代码

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)
				}
			})
		})
	}
}

并在全局的main.js 进行全局配置

const {request}=require("./http/http.js")
Vue.prototype.$http=request

在页面中的调用
在页面中的methods中写入一个函数，并在onLoad中进行调用
函数中的内容例如

       getData() {
				this.$http('/index', 'get', {}).then(res => {
				//res就是获取到的当前页面下的数据
					console.log(res)
					var data = res.data.data
					this.recommend_cate = data.recommend_cate
				})