mpvue请求封装

绝地灬酷狼 2021-07-24 11:31 495阅读 0赞

postGet.js

//请求接口的域名
    const host = 'http://localhost/mpvue/php/'
     
    function request (url, method, data, header = {}) {
      wx.showLoading({
        title: '加载中' // 数据请求前loading
      })
      return new Promise((resolve, reject) => {
        wx.request({
          url: host + url, // 仅为示例，并非真实的接口地址
          method: method,
          data: data,
          headers: {
            'content-type': 'application/json' // 默认值
          },
          success: function (res) {
            wx.hideLoading()
            resolve(res.data)
          },
          fail: function (res) {
            wx.hideLoading()
            // reject(false)
          },
          complete: function () {
            wx.hideLoading()
          }
        })
      })
    }
     
    function get (obj) {
      return request(obj.url, 'GET', obj.data)
    }
     
    function post (obj) {
      return request(obj.url, 'POST', obj.data)
    }
     var aa=11
    export default {
    	aa,
      request,
      get,
      post,
      host
    }

app的main.js

import WXrequest from './datas/postGet'
    // 将$httpWX对象放置在vue的原型上为的是每个实列都可以用
    Vue.prototype.$httpWX = WXrequest

需要使用的页面

beforeMount() {
        this.fun();
      },
      methods: {
        fun() {
          console.log(1)
    
           this.$httpWX.get({
           //请求接口
          url: 'wenbeng.php',
          data: {
            
          }
        }).then(res => {
          console.log(res)
          
       this.listData =res;
        })
     
        },
      }

发表评论取消回复

表情：

评论列表（有 0 条评论，495人围观）

还没有评论，来说两句吧...

相关阅读

相关封装http请求

/ 创建HTTPPOST请求 @param url 请求接口路径

左手的ㄟ右手/ 2023年10月04日 19:16/ 0 赞/ 65 阅读

相关请求方法封装

const BASE\_URL = "http://192.168.1.57:8080/api/"; // 获取储存的子女姓名 const childrenName = u

古城微笑少年丶/ 2023年09月23日 15:32/ 0 赞/ 138 阅读

相关 mpvue + express + MongoDB + flyio 实现数据请求

这篇文章涉及的东西有点零散 mpvue 搭建微信小程序 [链接][Link 1] Node + Express + MongoDB 搭建后台服务[链接][Link

清疚/ 2023年07月21日 11:14/ 0 赞/ 39 阅读

相关 uni-app 封装请求接口，promise封装请求

普通封装 1. 在根目录下创建Utils.js 文件（内容如下） let apiReq={ req(obj){ var method =

桃扇骨/ 2023年06月30日 10:53/ 0 赞/ 43 阅读

相关 vue请求封装

[https://segmentfault.com/a/1190000016146893][https_segmentfault.com_a_1190000016146893]

逃离我推掉我的手/ 2023年06月18日 02:52/ 0 赞/ 34 阅读

相关 Axios封装请求

先创建文件夹 utils 在里面创建文件 Service.js 配置axios import Axios from "axios"; const

女爷i/ 2023年02月23日 08:03/ 0 赞/ 32 阅读

相关 vue 封装请求

创建文件夹 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9n

亦凉/ 2023年02月12日 15:26/ 0 赞/ 18 阅读

相关 promise封装XMLHttpRequest请求，封装ajax

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></t

清疚/ 2023年01月16日 14:21/ 0 赞/ 194 阅读

相关 uniapp网络请求封装；小程序请求接口封装；uni.request接口封装

[另一篇全面封装文章][Link 1] [资源文章下载地址][Link 2] 1.正常使用uni.request()发送请求(未封装) get() {

淩亂°似流年/ 2021年09月07日 06:19/ 0 赞/ 1614 阅读

相关 mpvue请求封装

postGet.js //请求接口的域名 const host = 'http://localhost/mpvue/php/' funct

绝地灬酷狼/ 2021年07月24日 11:31/ 0 赞/ 496 阅读