0
点赞
收藏
分享

微信扫一扫

uni_app api封装

夏木之下 2022-03-12 阅读 45
  1. pages同级新建自定义文件夹(request)
  2. 新建js文件(request。js)
  3. // 域名
    const BASEURL = 'https://api-hmugo-web.itheima.net/api/'
    // 封装
    const request = (params) => {
    	return new Promise((resolve, reject) => {
    		// 轻提示
    		uni.showLoading({
    			title: '加载中'
    		})
    		// request
    		uni.request({
    			url: BASEURL + params.url,
    			method: params.method || 'GET',
    			data: params.data || '',
    			success: res => {
    				uni.hideLoading()
    				resolve(res.data.message)
    			},
    			fall: err => {
    				uni.hideLoading()
    			},
    			complete: com => {
    				uni.hideLoading()
    			}
    		})
    	})
    }
    // 导出
    export default request
    
  4. 可再新建一个api文件夹 && 新建 js页面

  5. import request from "../requert.js"
    
    // 轮播图
    
    export const querySwipr = async () => {
    	let data = await request({
    		url: 'public/v1/home/swiperdata'
    	})
    	return data
    }
    // 轮播图
    
    export const queryCat = async () => {
    	let data = await request({
    		url: 'public/v1/home/catitems'
    	})
    	return data
    }
    // 轮播图
    
    export const queryFloor = async () => {
    	let data = await request({
    		url: 'public/v1/home/floordata'
    	})
    	return data
    }
    

  6. 页面引入

    import {
    		querySwipr,
    		queryCat,
    		queryFloor
    	} from '../../requert/api/home.js'
    
    
    getSwipr() {
    				querySwipr().then(res => {
    					this.swiprData = res
    				})
    			},

举报

相关推荐

0 条评论