Fix login failure after connection

Addresses an issue where login fails with a "Unexpected end of JSON input" error after a successful Supabase connection.
This commit is contained in:
gpt-engineer-app[bot]
2025-03-15 13:02:55 +00:00
parent 5fd4c183eb
commit 4bacba4719
3 changed files with 96 additions and 18 deletions

View File

@@ -5,30 +5,84 @@ export const signIn = async (email: string, password: string) => {
try {
console.log('로그인 시도 중:', email);
const { data, error } = await supabase.auth.signInWithPassword({ email, password });
if (error) {
console.error('로그인 오류:', error);
return { error };
}
console.log('로그인 성공:', data);
toast({
title: '로그인 성공',
description: '환영합니다!',
// 응답 예외 처리를 위한 래핑
const response = await fetch(`${supabase.auth.url}/token?grant_type=password`, {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'apikey': supabase.supabaseKey,
'Authorization': `Bearer ${supabase.supabaseKey}`,
'X-Client-Info': 'supabase-js/2.x'
},
body: JSON.stringify({ email, password })
}).catch(err => {
console.error('로그인 요청 중 fetch 오류:', err);
throw new Error('서버 연결에 실패했습니다. 네트워크 연결을 확인해주세요.');
});
return { error: null, user: data.user };
// 응답 상태 확인 및 로깅
console.log('로그인 응답 상태:', response.status);
// 빈 응답 또는 JSON 파싱 문제 처리
let responseData;
try {
// 응답 본문이 비어있는지 먼저 확인
const responseText = await response.text();
console.log('로그인 응답 원본:', responseText);
if (!responseText || responseText.trim() === '') {
throw new Error('서버가 빈 응답을 반환했습니다');
}
// 응답이 있으면 JSON으로 파싱
responseData = JSON.parse(responseText);
} catch (parseError) {
console.error('로그인 응답 파싱 오류:', parseError);
return {
error: {
message: '서버 응답을 처리할 수 없습니다. CORS 프록시 설정을 확인하세요.'
}
};
}
// 응답 처리
if (response.ok && responseData?.access_token) {
// 로그인 성공 시 Supabase 세션 설정
await supabase.auth.setSession({
access_token: responseData.access_token,
refresh_token: responseData.refresh_token
});
// 사용자 정보 가져오기
const { data: userData } = await supabase.auth.getUser();
console.log('로그인 성공:', userData);
toast({
title: '로그인 성공',
description: '환영합니다!',
});
return { error: null, user: userData.user };
} else {
// 오류 응답 처리
console.error('로그인 오류 응답:', responseData);
const errorMessage = responseData?.error_description ||
responseData?.error ||
'로그인에 실패했습니다. 이메일과 비밀번호를 확인하세요.';
return { error: { message: errorMessage } };
}
} catch (error: any) {
console.error('로그인 중 예외 발생:', error);
// 네트워크 오류 확인
const errorMessage = error.message && error.message.includes('fetch')
? '서버 연결에 실패했습니다. 네트워크 연결을 확인해주세요.'
: '예상치 못한 오류가 발생했습니다.';
: (error.message || '예상치 못한 오류가 발생했습니다.');
return { error };
return { error: { message: errorMessage } };
}
};