99 lines
3.8 KiB
TypeScript
99 lines
3.8 KiB
TypeScript
// import { FetchOptions, $fetch } from "ofetch";
|
||
import { ofetch } from "ofetch"; // ✅ 正确，没有 default，只能这样导入
|
||
import type { FetchOptions } from "ofetch"; // ✅ 类型也正确
|
||
const $fetch = ofetch;
|
||
import { RequestCodeEnum, RequestMethodsEnum } from "@/enums/requestEnums";
|
||
import feedback from "@/utils/feedback";
|
||
import { merge } from "lodash-es";
|
||
import { Request } from "./request";
|
||
import { getApiPrefix, getApiUrl, getVersion } from "../env";
|
||
import { useUserStore } from "@/stores/user";
|
||
import { createPinia } from "pinia";
|
||
const pinia = createPinia();
|
||
|
||
export function createRequest(opt?: Partial<FetchOptions>) {
|
||
// 因为是考虑到ssr情况，这里使用store需要注入pinia
|
||
const userStore = useUserStore(pinia);
|
||
const router = useRouter();
|
||
const route = useRoute();
|
||
const defaultOptions: FetchOptions = {
|
||
// 基础接口地址
|
||
baseURL: getApiUrl(),
|
||
//请求头
|
||
headers: {
|
||
version: getVersion(),
|
||
},
|
||
retry: 2,
|
||
requestOptions: {
|
||
apiPrefix: getApiPrefix(),
|
||
isTransformResponse: true,
|
||
isReturnDefaultResponse: false,
|
||
withToken: true,
|
||
isParamsToData: true,
|
||
requestInterceptorsHook(options) {
|
||
const { apiPrefix, isParamsToData, withToken } = options.requestOptions;
|
||
// 拼接请求前缀
|
||
if (apiPrefix) {
|
||
options.url = `${apiPrefix}${options.url}`;
|
||
}
|
||
const params = options.params || {};
|
||
// POST请求下如果无data，则将params视为data
|
||
if (
|
||
isParamsToData &&
|
||
!Reflect.has(options, "body") &&
|
||
options.method?.toUpperCase() === RequestMethodsEnum.POST
|
||
) {
|
||
options.body = params;
|
||
options.params = {};
|
||
}
|
||
const headers = options.headers || {};
|
||
if (withToken) {
|
||
const token = userStore.token;
|
||
headers["token"] = token;
|
||
}
|
||
options.headers = headers;
|
||
return options;
|
||
},
|
||
async responseInterceptorsHook(response, options) {
|
||
const { isTransformResponse, isReturnDefaultResponse } = options.requestOptions;
|
||
//返回默认响应，当需要获取响应头及其他数据时可使用
|
||
if (isReturnDefaultResponse) {
|
||
return response;
|
||
}
|
||
// 是否需要对数据进行处理
|
||
if (!isTransformResponse) {
|
||
return response._data;
|
||
}
|
||
const { code, data, show, msg } = response._data;
|
||
switch (code) {
|
||
case RequestCodeEnum.SUCCESS:
|
||
if (show) {
|
||
msg && feedback.msgSuccess(msg);
|
||
}
|
||
return data;
|
||
case RequestCodeEnum.FAIL:
|
||
if (show) {
|
||
msg && feedback.msgError(msg);
|
||
}
|
||
return Promise.reject(msg);
|
||
case RequestCodeEnum.LOGIN_FAILURE:
|
||
userStore.logout();
|
||
if (!userStore.showLogin) {
|
||
userStore.toggleShowLogin(true);
|
||
}
|
||
return Promise.reject(msg);
|
||
default:
|
||
return data;
|
||
}
|
||
},
|
||
responseInterceptorsCatchHook(err) {
|
||
return err;
|
||
},
|
||
},
|
||
};
|
||
return new Request(
|
||
// 深度合并
|
||
merge(defaultOptions, opt || {})
|
||
);
|
||
}
|