微信小程序 封装请求api

news/2024/7/20 3:53:19 标签: 微信小程序, 小程序

封装请求地址 https.js

 let baseUrl='https://XX.XXX.com/index.php/'; //自己得服务器地址
 export {
    baseUrl
  }

结构目录

结构目录

封装 request.js

import { baseUrl } from './https.js'
 
module.exports = {
  request : function(url, methodType, data){
    let fullUrl = `${baseUrl}${url}`
    // let token = wx.getStorageSync('token') ? wx.getStorageSync('token')  : ''
    //(wx.showLoading)显示 loading 提示框。需主动调用 wx.hideLoading 才能关闭提示框
    wx.showLoading({ title: "数据请求中"  });
    return new Promise((resolve,reject)=>{
      wx.request({
        url: fullUrl,
        method:methodType,
        data:data,
        header: {
          'content-type': 'application/json', // 默认值
          // 'x-api-key': token,
        },
        success(res){
            resolve(res)
        //   if (res.data.status == 200) { //根据自己返回数据状态进行更改
        //     resolve(res.data)
        //     wx.hideLoading()
        //   }else{
          //手动关闭loading提示框
            wx.hideLoading()
        //     wx.showToast({
        //       title: res.data.msg,
        //       icon:'none'
        //     })
        //     reject(res.data.message)
        //   }
        },
        fail(){
          wx.showToast({
            title: '接口请求错误',
            icon:'none'
          })
          reject('接口请求错误')
        }
      })
    })
  }
}

自己的js文件构造

import { request } from './request'
 
module.exports = {
  // 获取采购list
  getPurchaseList: (data) => request('api/Api/list', 'POST', data),
}

如何调用


const api = require('../../../api/purchase'); // 头部引入


  getPurchaseList(){
    var that = this;
    let data ={
     "openId": that.data.userInfo.app_openid,
     "token": that.data.userInfo.login_token
    };
    api.getPurchaseList(data).then((res) => {
			    if (res.data.status == 1) {
			                    that.setData({
			            goodsTypes: res.data
			        })
                } else {
                    app.myShowToast(res.data.msg);
                }
       
    })
  },


http://www.niftyadmin.cn/n/5023717.html

相关文章

React使用useImperativeHandle实现父组件触发子组件事件

相关知识: useImperativeHandle forwardRef 相关代码: 获取子组件实例,由于这是函数组件,没有this因此不能整体获取,我们可以通过useImperativeHandle获取想要的变量或者方法。 父组件import React, { useRef } fro…

JavaScript中获取对象属性的不同方法

JavaScript中获取对象属性的不同方法 文章目录 JavaScript中获取对象属性的不同方法一、点记法二、方括号记法三、Object.keys()方法四、Object.values()方法五、Object.entries()方法六、Object.getOwnPropertyNames()方法七、Object.getOwnPropertyDescriptors()方法 JavaScr…

Docker进阶:Docker Compose(容器编排) 管理多容器应用—实战案例演示

Docker进阶:Docker Compose(容器编排) 管理多容器应用—实战案例演示 一、Docker Compose简介二、Docker Compose安装三、Docker Compose卸载四、Docker Compose核心概念4.1、一文件原则(docker-compose.yml)4.2、服务…

【数据结构-堆】堆

💝💝💝欢迎来到我的博客,很高兴能够在这里和您见面!希望您在这里可以感受到一份轻松愉快的氛围,不仅可以获得有趣的内容和知识,也可以畅所欲言、分享您的想法和见解。 推荐:kuan 的首页,持续学…

Go 异常处理

代码在执行的过程中可能因为一些逻辑上的问题而出现错误 func test1(a, b int) int {result : a / breturn result } func main() {resut : test1(10, 0)fmt.Println(resut) }panic: runtime error: integer divide by zero goroutine 1 [running]: …

Python学习之路02 之分支结构

😀前言 在我们的日常生活中,我们常常会根据不同的条件来做出不同的决定。类似的,程序设计也需要这样的结构来根据不同的条件执行不同的代码块。Python 提供了一系列的工具和结构来实现这一点,从而允许程序具有更丰富的功能和灵活性…

【uniapp】小程序开发:2 安装uni-ui组件库、使用pinia状态管理、自定义http请求

一、安装uni-ui组件库 1、安装 pnpm i -D sass pnpm i dcloudio/uni-ui2、配置组件自动导入 使用 npm 安装好 uni-ui 之后,需要配置 easycom 规则,让 npm 安装的组件支持 easycom 打开项目根目录下的 pages.json 并添加 easycom 节点: //…

Python——操作MySQL数据库

😊Python——操作MySQL数据库 🚀前言🔍数据库编程🍭数据库编程基本介绍🍭数据库编程接口🍭什么情况下会使用Python操作MySQL数据库?🍭Java和Python操作MySQL数据库有何不同&#xff…