微信小程序使用flyio封装request请求

本文介绍了如何在微信小程序中使用flyio库进行HTTP请求的封装,包括在src/utils下创建request.js和api.js文件,以及在各页面中调用封装后的API。注意在使用flyio时,请求参数需放置于params中,以便后台统一处理get和post请求的参数。
摘要由CSDN通过智能技术生成

flyio:

一个支持所有JavaScript运行环境的基于Promise的、支持请求转发、自动转换JSON、支持请求/响应拦截器、强大的http请求库。
可以让您在多个端上尽可能大限度的实现代码复用。
flyio官方文档
flyio下载地址

原生微信小程序中使用flyio请求,封装代码如下

一、在src/utils下新建request.js文件,文件代码如下:

/*flyio: 
   一个支持所有JavaScript运行环境的基于Promise的、支持请求转发、强大的http请求库。
   可以让您在多个端上尽可能大限度的实现代码复用。
*/
/**配置fly 请求体 */
//引入下载的源码文件
const Fly = require("./fly/dist/npm/wx")
const fly =new Fly()//创建fly实例  
import {
   doLogin} from '../utils/wechat'
//设置超时时间
fly.config.timeout = 60000

//获取白名单
import whiteList from './whiteList'

//添加请求拦截器
fly.interceptors.request.use((request) => {
   
    wx.showLoading({
   
        title: '加载中',
        'mask': true
    })
    //不显示加载中页面的接口
    if(whiteList.loading.indexOf(request.url) == -1){
   //indexOf()如果要检索的字符串值没有出现,则该方法返回 -1
        //隐藏loading遮罩
        wx.hideLoading();
    }
    
    //默认加入3rd_session
    let third_session = wx.getStorageSync("third_session");
    if(!third_session){
   //不存在third_session,重新登录
        request.body['third_session'] = '';
    }else{
   
        request.body['third_session'] = third_session;
    }
    request.params = request.body;
    request.headers['Content-Type'] = 'application/json;charset=utf-8';

    console.log("request.body:"+JSON.stringify(request.body));
    return request;
});

//添加响应拦截器,响应拦截
  • 1
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值