[API 통신 보완] $fetch방식으로 변경 및 로그인 처리 보완완
This commit is contained in:
@@ -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,
|
||||
};
|
||||
});
|
||||
|
Reference in New Issue
Block a user