分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

mpvue中使用flyjs全局拦截

发布时间:2023-09-06 02:12责任编辑:董明明关键词:js

mpvue全局属性设置,在我之前的文章中有介绍,今天想记录的就是怎么和Fly.js结合使用来实现全局拦截功能:

首先我们要安装好Flyio,在mpvue项目中我们用npm下载安装:

npm install flyio

找到src文件夹下面的main.js文件(就在src下)

引入flyjs并实例化

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

比方需求是:我们在每次请求自己服务器接口时候要带上appID,用户登陆后要带上openID

// 请求拦截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‘, ???}); ??})
最后将flyjs挂载到vue的原型上
// 将fly挂载在Vue的原型上Vue.prototype.$flyio = fly

mpvue中使用flyjs全局拦截

原文地址:https://www.cnblogs.com/Webzhoushifa/p/9566301.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved