大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。
Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺
1.npm安装
npm install flyio --save.
2.src下新建utils/request.js文件
import Fly from 'flyio/dist/npm/wx'
const fly = new Fly()
const host = 'https://rmall.ukelink.net'
// 添加请求拦截器
fly.interceptors.request.use((request) => {
wx.showLoading({
title: '加载中',
mask: true
})
console.log(request)
// request.headers["X-Tag"] = "flyio";
// request.headers['content-type']= 'application/json';
request.headers = {
'X-Tag': 'flyio',
'content-type': 'application/json'
}
let authParams = {
// 公共参数
'categoryType': 'SaleGoodsType@sim',
'streamNo': 'wxapp153570682909641893',
'reqSource': 'MALL_H5',
'appid': 'string',
'timestamp': new Date().getTime(),
'sign': 'string'
}
request.body && Object.keys(request.body).forEach((val) => {
if (request.body[val] === '') {
delete request.body[val]
};
})
request.body = {
...request.body,
...authParams
}
return request
})
// 添加响应拦截器
fly.interceptors.response.use(
(response) => {
wx.hideLoading()
return response.data // 请求成功之后将返回值返回
},
(err) => {
// 请求出错，根据返回状态码判断出错原因
console.log(err)
wx.hideLoading()
if (err) {
return '请求失败'
};
}
)
fly.config.baseURL = host
export default fly
3.main中引用到原型
import fly from './utils/request'
Vue.prototype.$fly = fly
4.使用
this.$fly.request({
method: 'post', // post/get 请求方式
url: '/mms/country/queryValidZoneListForMallHome',
body: {
}
}).then(res => {
console.log(res)
})
关于请求拦截
比方说我们每次请求我们自己的服务器接口的时候需要带上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',
});
})
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。
发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/195969.html原文链接：https://javaforall.net
