• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

mpvue——API请求封装(小程序原生)

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

能用,但不是最好的方法,最好的还是fly,因为为了以后多平台的考虑,最好使用fly.js,做之前先关闭校验合法域名,因为我没在后台进行配置

后台进行配置合法域名,按着官方给的配置就OK了,这里就不写了,因为只是个测试,用的都是测试的appid

https://developers.weixin.qq.com/miniprogram/dev/framework/ability/network.html

目录结构

fly.js位于src下的utils目录下,最后在main.js引入

 

封装

这就是个很简单很简单的封装,我也是一边学一遍弄的,如有更好的还望赐教。

fly.js

promise的资料

//定义请求地址
const host = 'http://test.wangyangyang.vip/api/'; function request(url, method, data, header = {}) { wx.showLoading({ title: '加载中' }) return new Promise((resolve, reject) => { wx.request({ url: host + url, method: method, data: data, headers: { 'content-type': 'application/json' // 默认转为json格式 }, success: function(res) { wx.hideLoading(); resolve(res.data) }, fail: function(error) { 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) } export default { request, get, post }

 

 

main.js

根目录下的main.js中引入

import Vue from 'vue'
import App from './App'
import fly from './utils/fly'
Vue.prototype.$http = fly;

Vue.config.productionTip = false
App.mpType = 'app'

const app = new Vue(App)
app.$mount()

 

使用

直接在页面中使用即可

this.$http.post({
        url:"live/get_liveinfo",
        data:{
            "token":"test6666",
            "uid":"1222",
        }
    }).then(res =>{
       console.log(res.status)
        if(res.status == 1) {
          this.user.userInfo = res.data
        } else {
          wx.showToast({
          title: '系统开小差', 
          icon: 'loading', 
          duration: 2000, 
          mask: true, 
        });
      }
    });

 

 在console中可以完整看到打印的值

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
原创:微信小程序java实现AES解密并获取unionId发布时间:2022-07-18
下一篇:
微信小程序 canvas 文字自动换行发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap