Http请求

轻量级http请求工具，支持post、get、put和delete四种基本请求方式。它不追求功能的全面覆盖，而是致力于简约高效，针对用户实际需求进行优化。我们的目标是让插件轻巧易用，让用户在第一时间享受到便捷的体验，真正实现一键启动，快速上手。

支持平台

App	H5	微信小程序	支付宝小程序	百度小程序	头条小程序	QQ小程序
√	√	√	x	x	x	x

创建 axios.uts（请求和响应拦截处理）

import config from '../config/config.uts'
import { TuiAxios } from '@/uni_modules/tui-plus'
import { state } from '../store/user.uts'
const reqIns = new TuiAxios({
	baseURL: config.baseUrl,
	timeout: 6000,
	header: {
		'Content-Type': 'application/json',
		appid: config.appSelect
	}
})

//请求拦截逻辑（设置header token 重新拼接接口地址，参数重新设置等在这里处理）
reqIns.requestInterceptor = (config : Map<string, any>) => {
	const data=config.get('data') as UTSJSONObject
	data.set('name','增加一个参数')
	const token = state.token
	const header = config.get('header') as UTSJSONObject
	header.set('token', token)
}

//响应拦截逻辑（获取到接口数据后根据状态码做相应的处理逻辑）
reqIns.responseInterceptor = (res : RequestSuccess<any>, resolve : (res : UTSJSONObject) => void, reject : (err : Error) => void) => {
	if (typeof (res.data) == 'string') {
		resolve({ data: res.data })
		return
	}
	const resp : UTSJSONObject = res.data as UTSJSONObject
	const code : Number = resp.getNumber('code') as number
	if (code == 0) {
		resolve(resp)
	} else {
		const message : string = resp.getString('message') as string
		reject(new Error(`${message}`))
	}
}

export default reqIns

使用方法

接口统一管理

import axios from '../axios/axios.uts'
export function login( data : any = {}) : Promise<UTSJSONObject> {
	return axios.post('/api/login', data)
}
export function register( data : any = {}) : Promise<UTSJSONObject> {
	return axios.post('/api/tegister', data)
}

在页面中使用

	import {login,register} from "@/apis/login.uts"
	const data={
		username: 'formData.username',
		password: 'formData.password',
	}
	login(data).then(res=>{
		console.log(res)
	})
	register(data).then(res=>{
		console.log(res)
	})
	register(data).then((res:UTSJSONObject) => {
		console.log(res.getString('data.token'))
	}).catch(err => {
		uni.showToast({
			title: `${err}`
		})
		
	})