Vue3 + TS 中 关于 axios 的封装问题
封装axios export default service; 暴露出 service
// 导出 axios 实例
export default service;
但是在封装接口时却引入的 request
import request from "@/utils/request";
export function loginApi(data: LoginData): AxiosPromise<LoginResult> {
const formData = new FormData();
formData.append("username", data.username);
formData.append("password", data.password);
formData.append("verifyCodeKey", data.verifyCodeKey || "");
formData.append("verifyCode", data.verifyCode || "");
return request({
url: "/api/v1/auth/login",
method: "post",
data: formData,
headers: {
"Content-Type": "multipart/form-data",
},
});
}
使用export default向外暴露的成员可以使用任意的变量来接收,使用export向外暴露的成员必须严格按照导出时候的名字来接收