uni-app的request封装

最新推荐文章于 2025-04-17 16:24:34 发布

阿笙@叶

最新推荐文章于 2025-04-17 16:24:34 发布

阅读量446

点赞数

分类专栏：小程序

本文链接：https://blog.youkuaiyun.com/hzh2031015/article/details/117001618

版权

本文介绍了如何在uni-app中封装request.js，并在main.js中挂载到Vue原型上，便于全局使用。讲解了data的数据类型转换规则，对于GET和POST请求，不同content-type下数据如何处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

uni-app的网络接口请求

封装request.js

首先创建request文件放一个request.js

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

然后在main.js总，导入request.js ,并挂载到Vue原型上。

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

使用：

            //两种请求方式

         //   getlist(){
         //     this.$http('/index',get,{}).then(res=>{      
         //       console.log(res)
         //   })
         //}
		    
            
			async getheade(){ 				
			   let res=await this.$http('/index','get&#

最低0.47元/天解锁文章