uni_app的axios封装

本文介绍了在uni-app中如何进行axios的封装,特别是在微信开发者工具中无需配置代理即可解决跨域问题。通过示例展示了第一次和第二次封装的过程,并指出在H5环境下需在manifest.json配置代理。
摘要由CSDN通过智能技术生成

uni-app运行在微信开发者工具的时候并不需要配置代理,也就是说不存在跨域问题,我们直接进行axios的封装

const BASE_URL = '服务器'
// const BASE_URL = 'dev'
export function request(options = {}){
	return new Promise((resolve,reject) => {
		uni.request({
			url:BASE_URL + options.url,
			method:options.method || 'GET',
			data:options.data || {},
			//带token发送请求
			header : {
				'x-token':getLocal('token')
			},
			success:(res) => {
				resolve(res)
			},
		    timeout: 50000,
		    complete: options.complete ?? function() {
			  console.log('接口调用完成')
		    },
			fail:(err) => {
				reject(err)
			}
		})
	})
}

我们完成了第一次封装

下面进行第二次封装:

export function function(num) {
	return request({
		url: '/api/v1/testPaper/findByParam',
		method: 'GET',
		data: {
            a:num
		}
	})
}

之后直接调用二次封装的函数传参进行数据的请求就可以

如果在h5 运

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值