Merge pull request #100 from prgrms-web-devcourse-final-project/hotfix

feat: http error

app/api/invite/route.ts

@@ -0,0 +1,39 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { API_BASE_URL } from '@/config/apiEndPointConfig';
+import axiosInstance from '@/lib/axios';
+
+export async function GET(request: NextRequest) {
+  try {
+    // URL에서 검색어 파라미터 추출
+    const { searchParams } = new URL(request.url);
+    const queryString = searchParams.get('string');
+
+    if (!queryString) {
+      return NextResponse.json(
+        { error: '검색어가 필요합니다.' },
+        { status: 400 }
+      );
+    }
+
+    const response = await axiosInstance.get(
+      `${API_BASE_URL.DNS}/api/user-service/nickname`,
+      {
+        params: {
+          string: queryString,
+        },
+        headers: {
+          'Content-Type': 'application/json',
+        },
+      }
+    );
+
+    console.log('Search response:', response.data);
+    return NextResponse.json(response.data);
+  } catch (error) {
+    console.error('Search error in API route:', error);
+    return NextResponse.json(
+      { error: '사용자 검색에 실패했습니다.' },
+      { status: 500 }
+    );
+  }
+}

components/Layout/MakeRoom/FriendsInviteForm.tsx

@@ -16,7 +16,6 @@ import {
 import toast from 'react-hot-toast';
 import useUserStore from '@stores/useUserStore';
 import InviteButton from '@layout/MakeRoom/InviteButton';
-import { API_BASE_URL } from '@/config/apiEndPointConfig';
 
 interface UserInfo {
   id: number;
@@ -44,15 +43,12 @@ const FriendsInviteForm = ({
       if (searchTerm.trim()) {
         try {
           const queryString = encodeURIComponent(searchTerm.trim());
-          const response = await fetch(
-            `${API_BASE_URL.DNS}/api/user-service/nickname?string=${queryString}`,
-            {
-              method: 'GET',
-              headers: {
-                'Content-Type': 'application/json',
-              },
-            }
-          );
+          const response = await fetch(`/api/invite?string=${queryString}`, {
+            method: 'GET',
+            headers: {
+              'Content-Type': 'application/json',
+            },
+          });
 
           if (response.status === 200) {
             const data = await response.json();