微信小程序中如何使用flyio进行网络请求封装？

本文共计506个文字，预计阅读时间需要3分钟。

Flyio简介：Fly.js通过在底层切换不同的Http Engine来实现多环境支持，同时为用户层提供统一、标准的Promise API。不仅支持请求/响应拦截器、自动智能拦截器，还提供自动重试机制。

Flyio简介

Fly.js 通过在不同 JavaScript 运行时通过在底层切换不同的 Http Engine来实现多环境支持，但同时对用户层提供统一、标准的Promise API。不仅如此，Fly.js还支持请求/响应拦截器、自动转化JSON、请求转发等功能，详情请参考：github.com/wendux/fly 。

下面我们看看在微信小程序、mpvue中和中如何使用fly.

Flyio 官方地址

文档

github地址

Flyio的一些特点

fly.js 是一个基于 promise 的，轻量且强大的Javascript 192.168.128.242:8080'//---开发调试环境 //export const baseUrlApi = 'test.mini.com'//---测试环境product.mini.com'//---生产环境https

这个里面可以写不同环境或者调试的接口地址

三、src下新建service文件夹

在这个下面不同的模块简历不同的js文件，例如：login-service.js，order-service.js

里面代码示例如下

import { baseUrlApi } from '../utils/api' import request from '../utils/request' export default { // 登录 wxLogin: (data) => request.post(`/store-miniApp-web/external/interface/wechat/wxLogin`, data, { baseURL: baseUrlApi }), // 收藏 addCollect: (goodId, status) => request.get(`/store-miniApp-web/store/member/addCollect?goodId=${goodId}&status=${status}`, null, { baseURL: baseUrlApi }), }

四、接口请求的使用

import loginApi from "@/service/login-service"; methods: { //-登录 clickLoginBtn() { var data = { phone: '18709090909', password: "123456", }; console.log("登录参数==", data); loginApi.wxLogin(data).then( data => { if (!data) { this.$toast(data.msg); return; } if (data.code==0) { console.log("登录成功", data); } }, err => { } ); }, //-收藏 collect() { let isCollect = "1"; //1收藏 0取消 let goodId = "4343434"; loginApi.addCollect(goodsId, isCollect).then(data => { if (data.code != 0) { console.log("收藏失败", data); return; } if (isCollect == 1) { this.$toast("取消成功"); } else { this.$toast("收藏成功"); } }); } }

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持自由互联。