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

微信小程序封装http请求

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
const baseUrl = 'http://localhost:8768/';  //后续可以改为你自己的域名接口地址

const request = (url, options) => {
    return new Promise((resolve, reject) => {
        wx.request({
            url: `${baseUrl}${url}`, //域名接口地址
            method: options.method, //配置method方法
            data: options.method === 'GET' ? options.data : JSON.stringify(options.data), //如果是GET,GET自动让数据成为query String,其他方法需要让options.data转化为字符串
            header: {
                'Content-Type': '',
                'Authorization': wx.getStorageSync('Login')?wx.getStorageSync('Login').token:''
            }, //header中可以添加token值等
            success(request) { //监听成功后的操作
                if (request.statusCode === 200) {
                    resolve(request.data)
                } else {
                    reject(request.data)
                }
                if (request.data.code === 401) {
                    wx.removeStorageSync('Login')//如果返回401,可以做一些操作
                }
            },
            fail(error) { //返回失败也同样传入reject()方法
                reject(error.data)
            }
        })
    })
}

//封装get方法
const get = (url, options = {}) => {
    return request(url, {
        method: 'GET',
        data: options
    })
}
//封装post方法
const post = (url, options) => {
    return request(url, {
        method: 'POST',
        data: options
    })
}
//封装put方法
const put = (url, options) => {
    return request(url, {
        method: 'PUT',
        data: options
    })
}
//封装del方法
const del = (url, options) => {
    return request(url, {
        method: 'DELETE',
        data: options
    })
}

module.exports = {
    get,
    post,
    put,
    del
}

然后在js或者vue代码里面引入

import http from '@/config/httputils'

调用get方法

http.get('你的接口地址',{参数,如果没有就不用传}).then(res => {
         console.log(res) 
})    

  


鲜花

握手

雷人

路过

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

请发表评论

全部评论

专题导读
上一篇:
小程序触底加载和下拉刷新发布时间:2022-07-18
下一篇:
小程序笔记 参见:js扩展运算符(spread)是三个点(...) ...发布时间: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