原生小程序的request请求都是异步请求,在实际项目中使用起来很麻烦,自己封装的方法又不够用,所以想到了flyio,不仅可以实现Promise,而且还可以对所有的页面请求进行拦截,使用起来非常的方便。
第一件事首先也是先引用flyio.js了。
下载地址:flyio.js
在utils目录新建http.js
var Fly = require("flyio.js")//引入路径根据自己放置的目录配置
var fly = new Fly;
fly.interceptors.request.use((request) => {
request.timeout = 30000;
if (wx.getStorageSync('token')) {//检查本地缓存是否有token存在没有则重新获取
request.headers = {//设置请求头
"content-type": "application/json",
"cld.stats.page_entry": wx.getStorageSync('scene'),
"version": app.globalData.version,
"token": wx.getStorageSync('token')
}
return request;
} else {
fly.lock();//锁住请求
return app.Load().then(res => {//重新获取token
request.timeout = 30000,
request.headers = {//设置请求头
"content-type": "application/json",
"cld.stats.page_entry": wx.getStorageSync('scene'),
"version": app.globalData.version,
"token": wx.getStorageSync('token')
}
wx.showLoading({
title: "加载中",
mask: true,
});
fly.unlock();//解锁请求
return request;//继续之前的请求
})
}
})
fly.interceptors.response.use(
(response) => {
wx.hideLoading();
return response;//请求成功之后将返回值返回
},
(err) => {
//请求出错,根据返回状态码判断出错原因
console.log(err)
wx.hideLoading();
if (err.status == 0) {
return "网络连接异常"
} else if (err.status == 1) {
return "网络连接超时"
} else if (err.status == 401) {
return "用户未登录"
} else {
if (err.response.data.message) {
return err.response.data.message
} else {
return '请求数据失败,请稍后再试'
}
};
// Do something with response error
}
)
export default {
fly: fly
}
在其他页面引用
import http from "../../utils/http.js"
使用:
http.fly.post(baseUrl + 'tt/news', {
type: 1,
page: 1
}).then(res => {
console.log(res)
})