HBuilder封装小程序请求拦截

一、封装拦截js文件

// api基础url
const baseURL = 'http://xxx.xxx.x.xx/';
/*
	url:接口的地址
	method:请求方式
	data:参数,对象形式
	header:请求头
*/
function interceptor(url, method, data, header = {}) {
	const token = wx.getStorageSync('token');//从本地取出token
	header['Authorization'] = `Bearer ${token}`;//添加请求头
	return new Promise((resolve, reject) => {
		wx.request({
			url: baseURL + url,
			method: method,
			data: data,
			header: header,
			success: (res) => {
				console.log(res, '响应成功');
				// 在这里可以添加响应拦截逻辑
				resolve(res.data);
			},
			fail: (err) => {
				console.log('响应失败');
				reject(err);
			}
		});
	});
}
//导出
export default interceptor;

二、页面调用

        引入

	import interceptor from '../../utils/interceptor.js';

        调用

interceptor('xxx/xxx', 'GET')
    .then((res)=>{
        console.log('请求数据成功');
    }
    .catch((err)=>{
        console.log('调用失败');
    }

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值