Step F1:前端工程骨架 & 登录鉴权

This commit is contained in:
Cheng Zhou
2025-12-16 20:21:30 +08:00
parent 5eab324c50
commit 78d13d077c
25 changed files with 523 additions and 1 deletions
+10
View File
@@ -0,0 +1,10 @@
import type { AxiosResponse } from "axios";
import api, { apiGet, apiPost } from "./axios";
import type { UserMeResponse, LoginRequest, LoginResponse } from "../types/api";
export const login = (payload: LoginRequest): Promise<AxiosResponse<LoginResponse>> =>
apiPost<LoginResponse>("/api/v1/auth/login", payload);
export const fetchMe = (): Promise<AxiosResponse<UserMeResponse>> => apiGet<UserMeResponse>("/api/v1/auth/me");
export default api;
+45
View File
@@ -0,0 +1,45 @@
import axios, { AxiosError, AxiosInstance, AxiosRequestConfig, AxiosResponse } from "axios";
import { ElMessage } from "element-plus";
import router from "../router";
import { getToken, clearToken } from "../utils/auth";
import type { ApiError } from "../types/api";
const instance: AxiosInstance = axios.create({
baseURL: "/",
timeout: 15000,
});
instance.interceptors.request.use((config: AxiosRequestConfig) => {
const token = getToken();
if (token) {
config.headers = config.headers || {};
config.headers.Authorization = `Bearer ${token}`;
}
return config;
});
instance.interceptors.response.use(
(response: AxiosResponse) => response,
async (error: AxiosError<ApiError>) => {
const status = error.response?.status;
const data = error.response?.data;
if (status === 401) {
clearToken();
ElMessage.error(data?.message || "登录已过期,请重新登录");
router.push("/login");
} else if (data?.message) {
ElMessage.error(data.message);
} else {
ElMessage.error("请求失败,请稍后重试");
}
return Promise.reject(error);
}
);
export const apiGet = <T = unknown>(url: string, config?: AxiosRequestConfig) => instance.get<T>(url, config);
export const apiPost = <T = unknown>(url: string, data?: unknown, config?: AxiosRequestConfig) =>
instance.post<T>(url, data, config);
export const apiPatch = <T = unknown>(url: string, data?: unknown, config?: AxiosRequestConfig) =>
instance.patch<T>(url, data, config);
export default instance;