mpvue中使用flyjs全局攔截的實現代碼

npm install flyio

var Fly=require("flyio/dist/npm/wx")
var fly=new Fly

// 請求攔截
fly.interceptors.request.use((request)=>{
 
 request.body.appId = 'xxx'
 // 用戶的openId在獲取之后添加到全局變量中如果存在，我們將它添加到請求參數里面
 let openId = Vue.prototype.globalData.openId;
 if(openId){
 request.body.openId = openId
 }
})

// 響應攔截
fly.interceptors.response.use(
 (response) => {
 
 
 },
 (err) => {
 //發生網絡錯誤后會走到這里
 //return Promise.resolve("ssss")
 wx.hideLoading();
 wx.showToast({
 title:'網絡不流暢，請稍后再試！',
 icon:'none',
 });
 
 })

// 將fly掛載在Vue的原型上
Vue.prototype.$flyio = fly

const Fly = require("flyio/dist/npm/wx")
const fly = new Fly
Vue.prototype.$http = fly;
 
fly.interceptors.request.use((request) => {
 //給所有請求添加自定義header
 if (api.Get('token')) {
 request.timeout = 30000,
 request.headers = {
 "content-type": "application/json",
 "cld.stats.page_entry": api.Get('scene'),
 "version": store.state.version,
 "token": api.Get('token')
 }
 wx.showLoading({
 title: "加載中",
 mask: true,
 });
 return request;
 } else {
 fly.lock();//鎖住請求
 return Public.Load().then(res => {
 request.timeout = 30000,
 request.headers = {
 "content-type": "application/json",
 "cld.stats.page_entry": api.Get('scene'),
 "version": store.state.version,
 "token": api.Get('token')
 }
 wx.showLoading({
 title: "加載中",
 mask: true,
 });
 //等待token返回之后在解鎖，
 fly.unlock();
 return request;//繼續之前的請求，
 })
 }
})
 
fly.interceptors.response.use(
 (response) => {
 wx.hideLoading();
 return response
 },
 (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
 }
)