[25. 04. 02 / TASK-160] Modify - Sentry 401 감지 문제 해결 (#28)

* modify: 401 오류 관련 문제 해결 * modify: 타입 문제 해결 * modify: 만료된 토큰 관련 오류 해결

Author: six-standard

src/__mock__/handlers.ts

@@ -8,68 +8,59 @@ const BASE_URL = env.BASE_URL + '/api';
 const login = http.post(`${BASE_URL}${PATHS.LOGIN}`, async ({ request }) => {
  const { accessToken, refreshToken } = (await request.json()) as LoginVo;
  if (accessToken === 'invalid_access' && refreshToken === 'invalid_refresh') {
- return BaseError(404, '정상적인 토큰이 아닙니다');
+ return BaseError(404, '잘못된 토큰입니다');
  }
  return BaseSuccess(null);
 });
 
-const summary = http.get(
- `${BASE_URL}${PATHS.SUMMARY}`,
- async ({ request: { headers } }) => {
- if (!headers.get('access_token') && !headers.get('refresh_token')) {
- return BaseError(401, '잘못된 토큰입니다');
- }
- return BaseSuccess({
- stats: {
- lastUpdatedDate: '2025-01-09T00:00:00Z102',
- totalLikes: 100,
- totalViews: 100,
- yesterdayLikes: 50,
- yesterdayViews: 50,
- },
- totalPostCount: 10,
- });
- },
-);
+const summary = http.get(`${BASE_URL}${PATHS.SUMMARY}`, async ({ request: { headers } }) => {
+ if (!headers.get('access_token') && !headers.get('refresh_token')) {
+ return BaseError(401, '잘못된 토큰입니다');
+ }
+ return BaseSuccess({
+ stats: {
+ lastUpdatedDate: '2025-01-09T00:00:00Z102',
+ totalLikes: 100,
+ totalViews: 100,
+ yesterdayLikes: 50,
+ yesterdayViews: 50,
+ },
+ totalPostCount: 10,
+ });
+});
 
-const me = http.get(
- `${BASE_URL}${PATHS.ME}`,
- async ({ request: { headers } }) => {
- if (!headers.get('access_token') && !headers.get('refresh_token')) {
- return BaseError(401, '잘못된 토큰입니다');
- }
- return BaseSuccess({
- email: 'test@test.com',
- id: '111111-111111-111111-111111',
- profile: { thumbnail: undefined },
- username: 'test',
- });
- },
-);
+const me = http.get(`${BASE_URL}${PATHS.ME}`, async ({ request: { headers } }) => {
+ if (!headers.get('access_token') && !headers.get('refresh_token')) {
+ return BaseError(401, '잘못된 토큰입니다');
+ }
+ return BaseSuccess({
+ email: 'test@test.com',
+ id: '111111-111111-111111-111111',
+ profile: { thumbnail: undefined },
+ username: 'test',
+ });
+});
 
-const posts = http.get(
- `${BASE_URL}${PATHS.POSTS}`,
- async ({ request: { headers } }) => {
- if (!headers.get('access_token') && !headers.get('refresh_token')) {
- return BaseError(401, '잘못된 토큰입니다');
- }
- return BaseSuccess({
- nextCursor: '2025-01-09T00:00:00Z102,10',
- posts: [
- {
- createdAt: '2025-01-01T01:01:01Z103',
- id: '1',
- likes: 100,
- releasedAt: '2025-01-09T00:00:00Z102',
- title: 'test title',
- views: 100,
- yesterdayLikes: 100,
- yesterdayViews: 100,
- },
- ],
- });
- },
-);
+const posts = http.get(`${BASE_URL}${PATHS.POSTS}`, async ({ request: { headers } }) => {
+ if (!headers.get('access_token') && !headers.get('refresh_token')) {
+ return BaseError(401, '잘못된 토큰입니다');
+ }
+ return BaseSuccess({
+ nextCursor: '2025-01-09T00:00:00Z102,10',
+ posts: [
+ {
+ createdAt: '2025-01-01T01:01:01Z103',
+ id: '1',
+ likes: 100,
+ releasedAt: '2025-01-09T00:00:00Z102',
+ title: 'test title',
+ views: 100,
+ yesterdayLikes: 100,
+ yesterdayViews: 100,
+ },
+ ],
+ });
+});
 
 export const handlers = [login, summary, me, posts];
 

src/apis/instance.request.ts

@@ -49,7 +49,7 @@ export const instance = async <I, R>(
  input: URL | RequestInfo,
  init?: InitType<I>,
  error?: Record<string, Error>,
-): Promise<R> => {
+): Promise<R | void> => {
  let cookieHeader = '';
  if (typeof window === 'undefined') {
  cookieHeader = (await import('next/headers')).cookies().toString();
@@ -68,7 +68,7 @@ export const instance = async <I, R>(
  signal: AbortSignal.timeout
  ? AbortSignal.timeout(Number(env.ABORT_MS))
  : abortPolyfill(Number(env.ABORT_MS)),
- credentials: 'include',
+ credentials: input !== '/login' ? 'include' : 'omit',
  cache: 'no-store',
  });
 
@@ -77,25 +77,26 @@ export const instance = async <I, R>(
  const context = err as Response;
  if (location && !context.ok && context.status === 401) {
  window.location.replace('/');
- }
- setContext('Request', {
- path: context.url,
- status: context.status,
- });
- if ((err as Error).name === 'TimeoutError') {
- captureException(new ServerNotRespondingError());
- throw new ServerNotRespondingError();
  } else {
- if (!error?.[`${(err as Response).status}`]) {
- const serverError = new Error(
- `서버에서 예기치 않은 오류가 발생했습니다. (${(err as Error).name})`,
- );
- captureException(serverError);
- throw serverError;
- }
+ setContext('Request', {
+ path: context.url,
+ status: context.status,
+ });
+ if ((err as Error).name === 'TimeoutError') {
+ captureException(new ServerNotRespondingError());
+ throw new ServerNotRespondingError();
+ } else {
+ if (!error?.[`${(err as Response).status}`]) {
+ const serverError = new Error(
+ `서버에서 예기치 않은 오류가 발생했습니다. (${(err as Error).name})`,
+ );
+ captureException(serverError);
+ throw serverError;
+ }
 
- captureException(error[`${(err as Response).status}`]);
- throw error[`${(err as Response).status}`];
+ captureException(error[`${(err as Response).status}`]);
+ throw error[`${(err as Response).status}`];
+ }
  }
  }
 };