mpvue请求封装

绝地灬酷狼 2021-07-24 11:31 468阅读 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 条评论，468人围观）

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

相关阅读

相关封装http请求

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

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

相关请求方法封装

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

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

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

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

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

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

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

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

相关 vue请求封装

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

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

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

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

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

相关封装公用的ajax网络请求，将ajax请求封装

封装网络请求在公共的文件里面写入：(我的文件 config.js ) const config = { // 域名 htt

r囧r小猫/ 2021年10月19日 10:50/ 0 赞/ 422 阅读

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

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

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

相关 uniapp 公共方法封装公共请求封装

一般我都习惯把公共js封装到util这个文件夹下常见的的方法，手机号验证，邮箱验证等方法我都会写到util下的util.js里目录： ![20201117155628

男娘i/ 2021年07月24日 20:05/ 0 赞/ 1539 阅读

相关 mpvue请求封装

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

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