zoukankan      html  css  js  c++  java
  • uni-app 封装请求

    新建一个js文件专门来放封装好的方法哈

    //现在我们在config.js 文件下面(这个文件名字是自己命名的哈)
    //分别针对 get 和 post 进行一个公共 uni.request 请求的封装,每个方法传了2个参数,url 和 data ;(一个是接口地址,一个是参数)

    const commonUrl = 'xxxxx';//公共路径
    //post 封装
    function postRequest(url,data){
    var promise = new Promise((resolve,reject)=>{
    var that = this;
    var params = data;
    uni.request({
    url:commonUrl+url,
    data:params,
    method:'POST',
    header:{
    'content-type':'application/x-www-form-urlencoded',
    'token':uni.getStorageSync('token')
    },
    success:function(res){
    resolve(res)
    },
    error:function(error){
    reject('error')
    }
    })
    })
    return promise
    }

    //get 封装
    function getRequest(url,data){
    var promise = new Promise((resolve,reject)=>{
    var that = this;
    var params = data;
    uni.request({
    url:commonUrl + url,
    data:params,
    method:'GET',
    header:{
    'content-type':'application/json'
    },
    success:function(res){
    resolve(res)
    },
    error:function(error){
    reject(error)
    }
    })
    })
    return promise
    }
    module.exports = {
    postRequest,
    getRequest
    }
    ///////////// config.js 文件封装 结束 //////////////

    现在进行第二层封装 新建一个 http.js 文件,这个文件主要是封装接口的请求
    var config = require('./config.js')
    //比如说是 login 登录接口
    var goLogin = function(val){
    return config.getRequest('api/login',val);
    }
    module.exportd = {
    goLogin
    }

    ///////////// 第二层封装结束 //////////////////

    如何使用?
    在需要请求接口的文件引入这个 http.js 文件
    import http from '@/utils/http.js';

    function goLogin(){
    let params = {
    'userPhone':'xxxx'
    };
    http.goLogin(params).then(res=>{
    console.log(res)
    }).catch(err=>{})
    }

     参考链接:https://blog.csdn.net/Syleapn/article/details/97390552?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task

  • 相关阅读:
    jquey 阻止表单提交
    Array.prototype.remove 删除数组元素
    <asp:HiddenField> 控件 实现键值对保存
    jquery实现倒计时
    作业
    第六周作业
    第四周作业
    第二次作业
    2021.3.4(四个题)
    增删改查
  • 原文地址:https://www.cnblogs.com/sunnyeve/p/12576123.html
Copyright © 2011-2022 走看看