使用uniapp封装uni.request

封装封装uni.request

创建utils文件夹，创建httpRequesrt.ts

import { loginStore } from '../store/index';

// 请求基地址
const baseURL = 'http://192.168.22.26:8080';


// 拦截器配置
const httpInterceptor = {
	// 拦截前触发
	invoke(options : UniApp.RequestOptions) {
		// 1. 非 http 开头需拼接地址
		if (!options.url.startsWith('http')) {
			options.url = baseURL + options.url;
		}
		// 2. 请求超时
		options.timeout = 8000;
		// 3. 添加小程序端请求头标识
		options.header = {
			'source-client': 'miniapp',
			...options.header,
		};
		// 4. 添加 token 请求头标识
		const useloginStore = loginStore();

		const token = useloginStore.profile;

		if (token) {
			options.header.Authorization = `Bearer ${token}`;
		}
	},
};

// 拦截 request 请求
uni.addInterceptor('request', httpInterceptor);
// 拦截 uploadFile 文件上传
uni.addInterceptor('uploadFile', httpInterceptor);

interface Data<T> {
	code :