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

1. 创建api/user/typs.ts

   export interface loginForm{
       username:string,
       password:string
   }
   
   interface dataType{
       token:string
   }
   
   // 登录接口返回数据类型
   export interface loginResponseData{
       code:number,
       data:dataType
   }
   

2. 创建api/user/index.ts

   // 引入二次封装的axios
   import request from "@/utils/request"
   // import type只会导入类型信息，而不会导入模块的实际代码
   // import type只会从模块中获取类型信息
   import type { loginForm} 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 = (data:loginForm) => request.post(API.LOGIN_URL)