Merge pull request #160 from Nexters/feature/159_error_log

에러 로그 추가

src/utils/fetcher/AuthInterceptor.ts

@@ -1,12 +1,12 @@
-import {AxiosResponse} from 'axios'
+import {AxiosError, AxiosResponse} from 'axios'
 import {RESPONSE} from '$constants'
 import {Response} from '$types/response'
 import {AccessTokenError, CommonApiError, RedirectArror} from './ApiError'
 
 /**
  * @todo 회원 인증 에러 추가
  */
-export function AuthInterceptor<T>(res: AxiosResponse<Response<T>>): T {
+export function resolveInterceptor<T>(res: AxiosResponse<Response<T>>): T {
     const code = res.data.code
 
     switch (code) {
@@ -20,3 +20,23 @@ export function AuthInterceptor<T>(res: AxiosResponse<Response<T>>): T {
             return res.data.result
     }
 }
+
+class ErrorTable {
+    statusCode?: number
+    cookie?: string
+    requestUrl?: string
+    constructor(statusCode?: number, cookie?: string, requestUrl?: string) {
+        this.statusCode = statusCode
+        this.cookie = cookie
+        this.requestUrl = requestUrl
+    }
+}
+
+export function rejectInterceptor(error: AxiosError) {
+    const statusCode = error.response?.status
+    const {headers, url} = error.config
+    const errorTable = new ErrorTable(statusCode, headers?.Authorization, url)
+
+    console.table(errorTable)
+    throw error
+}

src/utils/fetcher/withAxios.ts

@@ -5,7 +5,7 @@ import {isSSR} from '$utils/env'
 import {createMockAxiosInstance} from '$utils/__mocks__/fetcher/createMockAxiosInstance'
 import axios, {AxiosInstance} from 'axios'
 import {HOST_URL} from 'config'
-import {AuthInterceptor} from './AuthInterceptor'
+import {rejectInterceptor, resolveInterceptor} from './AuthInterceptor'
 
 export interface MockAxiosInstance {
     target: AxiosInstance
@@ -62,7 +62,7 @@ export const createErrorResponse = <T>(data: T): Response<T> => ({
 
 const createAxiosInstance = () => {
     const instance = axios.create()
-    instance.interceptors.response.use(AuthInterceptor)
+    instance.interceptors.response.use(resolveInterceptor, rejectInterceptor)
     return extendWithMock(instance)
 }