uni-app 封装一个云函数的api接口

本是古典何须时尚 2022-10-16 13:22 197阅读 0赞

http.js:

import store from '../store/index.js'
    
    export default function $http(options){ 
    	const  { 
    		url,
    		data 
    	}=options
    	return   new  Promise((reslole,reject)=>{ 
    	   uniCloud.callFunction({ 
    	   	name:url,
    	   	data
    	   }).then((res)=>{ 
    		   console.log("success:"+JSON.stringify(res))
    	       if(res.result.code==200){ 
    			   //then
    			   reslole(res.result);
    		   }else{ 
    			   //catch
    			   reject(res.result);
    		   }
    	   }).catch((err)=>{ 
    		   reject(err);
    	   })
       })
    }

list.js：

import   $http  from  "../http.js"
    export   const   get_lable=(data)=>{  
    	
       return  $http({ 
    	   url:"get_lable",
    	   data
       })
    	 
    }

index.js:

// import {get_lable} from "./list.js"
    // //导出{get_lable}
    // export default{ 
    // get_lable
    // }
    
    //批量导出文件 
    const   requireApi=require.context(
    	//api 目录的相对路径
    	'.',
    	//是否查询子查询
    	false,
    	//查询文件的后缀
    	/.js$/
    )
    
    let   module={ };
    requireApi.keys().forEach((key,index)=>{ 
    	if(key==="./index.js")  return;
    	Object.assign(module,requireApi(key))
    })
    
    export  default  module

引用：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTkzMjE1Nw_size_16_color_FFFFFF_t_70]

//调用：

this.$api.get_lable().then((res)=>{  
    					 const  { //data代表返回数据里面返回的字段
    						 data
    					 }=res
    					this.tabList=data;
    					 
    				})

效果图：

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTkzMjE1Nw_size_16_color_FFFFFF_t_70 1]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTkzMjE1Nw_size_16_color_FFFFFF_t_70]: /images/20221014/f1b8299e8e1344dcb23c3c91589b1f12.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NTkzMjE1Nw_size_16_color_FFFFFF_t_70 1]: /images/20221014/369fe80ea9a146bd88d9f6f7ecbd2b00.png