[API 통신 보완] $fetch방식으로 변경 및 로그인 처리 보완완

This commit is contained in:
2025-08-28 16:00:25 +09:00
parent ec6212c02f
commit 9eb6e23757
4 changed files with 76 additions and 62 deletions

View File

@@ -2,53 +2,46 @@ export const useUserStore = defineStore("user", () => {
// 상태
const isLoggedIn = ref(false);
const user = ref<{
id?: string;
userId?: string;
email?: string;
name?: string;
role?: string;
} | null>(null);
const token = ref<string | null>(null);
// 추후 제거 필요
const isAdmin = true;
interface LoginData {
userId: string
role: string
lastLoginAt: string
userId: string;
}
// 게터
const isAdmin = computed(() => user.value?.role === "admin");
const userName = computed(() => user.value?.name || "사용자");
// 액션
const login = async (userId: string, password: string) => {
try {
// 실제 API 호출로 대체할 수 있습니다
const {data, error: _error } = await useApi<ApiResponse<LoginData>>('/login', {
method: 'post',
body: { userId, password }
})
let mockUser;
const { success, data } = await useApi<ApiResponse<LoginData>>("/login", {
method: "post",
body: { userId, password },
});
if(data && data.value && data.value.success){
mockUser = data.value.data;
}else{
if (success) {
console.log(data);
user.value = data;
isLoggedIn.value = true;
} else {
throw new Error("아이디 또는 비밀번호가 올바르지 않습니다.");
}
user.value = mockUser;
// token.value = "mock-token-" + Date.now();
isLoggedIn.value = true;
return { success: true, user: mockUser };
} catch (error) {
console.error("로그인 실패:", error);
return { success };
} catch (error: any) {
console.log(error);
return {
success: false,
error:
error instanceof Error ? error.message : "로그인에 실패했습니다.",
error?.response?.status === 401
? "아이디 또는 비밀번호가 올바르지 않습니다."
: error instanceof Error
? error.message
: "로그인에 실패했습니다.",
};
}
};
@@ -75,13 +68,13 @@ export const useUserStore = defineStore("user", () => {
}
};
const setToken = (accessToken : string) => {
const setToken = (accessToken: string) => {
token.value = accessToken;
}
};
const getToken = () => {
return token;
}
};
// 초기 인증 상태 확인
if (import.meta.client) {
@@ -96,13 +89,12 @@ export const useUserStore = defineStore("user", () => {
// 게터
isAdmin,
userName,
// 액션
login,
logout,
checkAuth,
setToken,
getToken
getToken,
};
});