更新记录
1.0.1(2023-04-04) 下载此版本
请求拦截支持自定义返回参数
1.0.0(2023-04-04) 下载此版本
无
平台兼容性
Vue2 | Vue3 |
---|---|
√ | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 3.7.0 app-vue app-nvue | √ | √ | √ | √ | √ | √ |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
√ | √ | √ | √ |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | √ | √ | √ | √ |
进行配置
import myRequest from "导入的Js文件";
// 默认配置
const config = {
baseUrl:"域名或请求地址", //必填项
header:"请求头" //非必填项
}
// 请求拦截函数
const reqInterceptor = (option,res,rej)=>{
// option----请求的配置,和request的配置一样
// res 请求通过即执行下一步,参数为修改后的option信息
// rej 拒绝请求,参数为请求失败返回的信息
res(option);
}
// 响应拦截
const resInterceptor = (option,res,rej)=>{
// 参数和请求拦截相同
res(option);
}
// 创建实例化对象
const request = new myRequest(config,reqInterceptor,resInterceptor);
//定义请求方法
export function hello(){
return request.get('url地址','配置对象')
}
页面内使用
import {hello} from '配置的文件地址';
export default {
methods:{
async getHello(){
const date = await hello();
}
}
}