本文主要是介绍关于微信小程序的fly交互以及fly拦截器，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！
当我们在做微信小程序端的交互的时候，发现jquey、axios这些都无法在小程序中使用，因为小程序中js的运行环境与普通浏览器的运行环境不同，页面的脚本逻辑是在JsCore中运行的，而JsCore中没有xmlhttpRequest对象，所以无法使用它们，同时JsCore无法提供window对象，这也是我们在小程序中无法使用window对象的原因，在这时候我们的主角fly大显身手???
fly是一种可以在微信小程序运行的交互方式，提供统一的 Promise API，轻量且非常轻量，支持请求／响应拦截器，小程序用法：
首先，先使用 npm install flyio，安装fly；
后面在小程序中引入：
var Fly=require("flyio/dist/npm/wx")
var fly=new Fly
1.get请求
fly.get('/user?id=133')
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
2.post请求
fly.post('/user', {
name: 'Doris',
age: 24
phone:"18513222525"
})
.then(function (response) {
console.log(response);
})
.catch(function (error) {
console.log(error);
});
3.拦截器
支持两种。一种是请求拦截器，在请求之前做一些预处理；一种是响应拦截器，在响应获取数据之后做一些处理。
请求拦截器：
fly.interceptors.request.use((request)=>{
//给所有请求添加自定义header
request.headers["X-Tag"]="flyio";
//打印出请求体
console.log(request.body)
//可以显式返回request, 也可以不返回，没有返回值时拦截器中默认返回request
return request;
})
响应拦截器：
//添加响应拦截器，响应拦截器会在then/catch处理之前执行
fly.interceptors.response.use(
(response) => {
//只将请求结果的data字段返回
return response.data
},
(err) => {
//发生网络错误后会走到这里
//return Promise.resolve("ssss")
}
)
相应的学习链接参考
fly官方实例参考一
fly官方实例参考二
这篇关于关于微信小程序的fly交互以及fly拦截器的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！
