zoukankan      html  css  js  c++  java
  • uniapp封装uni.request请求

    封装一个uniapp请求

    • 新建一个http.js文件封装uni.request
    const BASE_URL = process.env.NODE_ENV === 'development' ? '' : 'http://localhost:3000'  //开发环境与生还环境的基地址
    export const request = (http) => {
    	const {
    		url,
    		data,
    		method
    	} = http
    	return new Promise((resolve, reject) => {
    		uni.request({
    			url: BASE_URL + url,
    			method,
    			data,
    			success: (res) => {  //请求成功
    				if (res.data.code === 0) {  //这里后台返回一个自定义状态码,可根据实际开发情况调整
    					resolve(res)
    				} else {
    					uni.showToast({
    						title: '请求数据失败!'
    					})
    				}
    			},
    			fail: (err) => { //请求失败
    				uni.showToast({
    					title: '请求数据失败!'
    				})
    				reject(err)
    			}
    		})
    	})
    }
    
    • 新建一个mockData.js来封装每个请求
    import {
    	request
    }
    from '../utils/http.js'
    export const getData = (data) => request({
    	url: '/v1/admin',
    	method: 'get',
    	data
    })
    
    • 实际使用
    onLoad() {
        //无参数
        getData().then(res => { 
            this.dataList = res.data.data
        }).catch(err => {
            console.log(err)
        })
        //有参数
        getData({id:2}).then()
    },
    
  • 相关阅读:
    Python import与from import使用及区别介绍
    python with as的用法
    python32模拟鼠标和键盘操作
    Python简易爬虫
    C# 控制台程序 托盘图标 事件响应
    C#和.Net的关系
    springboot集成schedule
    工作-感觉越来越难了
    MAC VCS 提交代码
    编程规范
  • 原文地址:https://www.cnblogs.com/genhao7/p/14206358.html
Copyright © 2011-2022 走看看