专栏首页娱乐心理测试mpvue网络接口请求封装

mpvue网络接口请求封装

在mpvue中我们同样使用小程序的原生API wx.request进行请求,具体方法如下:

(1). 在项目文件夹下的src下的utils下新建js文件,取名request.js (2).用wx.request封装的方法

// 封装微信请求
export function request (url, method, data) {
    return new Promise((resolve, reject) => {
        wx.request({
            data:data,
            method:method,
            url: url,
            success: function (res) {
                if (res.data.status === 1) {
                    resolve(res.data)
                } else {
                    reject(res.data)
                }
            },
            fail:function (err) {
                reject(err)
            }
        })
    })
}

(3).在main.js引入并设置为全局方法

import { request } from './utils/request'
Vue.prototype.$request = request

(4).具体使用

 this.$request(this.$shopUrl+'api/product/list','POST',{
            page: 1,
            pageSize: 10
        }).then((response) => {
           //response.result就是成功返回数据
        })

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • linux 使用jq对json数据进行操作

    背景: 通过jmeter生成的resultReport报告,在linux上需要获取到报告结果数据。

    小白will
  • 小程序wx.switchTab的跳转传参问题

    这篇文章demo是为了一个粉丝(实力宠粉,手动微笑,哈哈)写的,正好今天周五,时间还是比较多的,不急着回家,因为回家也是玩游戏,留在办公室里面还可以多学习一些知...

    祈澈菇凉
  • JavaScript实现input框获取系统默认年月日时分秒

    这是对旧的已上线项目的维护之中优化的一个部分,要求是在input框里面默认当前系统的时间。实现如下图所示的效果。

    祈澈菇凉
  • React 总结初稿一

    18 年转眼即逝,不同寻常的一样。这一年我毕业了,入坑前端。工作只用 vue ,自己又学了 react , TypeScript ,小程序,这些在工作中从未用到...

    sunseekers
  • Vue实践--引用jq+bootstrap

                $ npm install --save-dev jquery

    问天丶天问
  • 使用Pyppeteer抓取渲染网页

    GitHub地址是:https://miyakogi.github.io/pyppeteer

    SeanCheney
  • RxJava

    我不想说这些乱七八糟的概念了,实际上是我根本说不清,不过观察者模式和回调机制要知道

    spilledyear
  • Dart 笔记 12 - 异步

    如果将其改变成一个异步函数,返回值将是一个 Future,异步函数要有 async 关键字:

    七适散人
  • HTTP 实战(三) - HTTP各种特性总览

    8888服务提供的 html,html 文件中又向8887服务发送AJAX请求,这就是跨域了!

    JavaEdge
  • python 通过正则查找文件中字符串

    为了获取到一个html文件中的两个数据,以下使用python的 re 模块进行数据抓取。

    小白will

扫码关注云+社区

领取腾讯云代金券