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:
@@ -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 } };
|
||||
}
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user