vue3后台管理框架之API接口统一管理

本文主要是介绍vue3后台管理框架之API接口统一管理，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

在开发项目的时候,接口可能很多需要统一管理。在src目录下去创建api文件夹去统一管理项目的接口；

参数请参考mock中的模拟接口

//统一管理咱们项目用户相关的接口import request from '@/utils/request'import type { loginForm, loginResponseData, userInfoReponseData } from './type'//项目用户相关的请求地址enum API {LOGIN_URL = '/user/login',USERINFO_URL = '/user/info',
}
//登录接口
export const reqLogin = (data: loginForm) =>request.post<any, loginResponseData>(API.LOGIN_URL, data)
//获取用户信息export const reqUserInfo = () =>request.get<any, userInfoReponseData>(API.USERINFO_URL)

// 登录需要携带参数ts类型
ex

这篇关于vue3后台管理框架之API接口统一管理的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---