Merge pull request #99 from JangGusWjd/fix/api-env

[FE-FIX, REF] api url env 분리, 챗봇 api 연결 리팩토링

.gitignore

@@ -21,3 +21,5 @@
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+
+.env

src/api/fetchData.tsx

@@ -1,6 +1,6 @@
 import axios from "axios";
 
-const API_BASE_URL = "http://3.35.123.253/api";
+const API_BASE_URL = process.env.REACT_APP_SERVER_URL;
 
 export const fetchData = async (endpoint: string) => {
   const storedAuth = localStorage.getItem("auth");

src/api/postData.tsx

@@ -1,6 +1,6 @@
 import axios from "axios";
 
-const API_BASE_URL = "http://3.35.123.253/api";
+const API_BASE_URL = process.env.REACT_APP_SERVER_URL;
 
 export const postData = async (endpoint: string, data: any) => {
   try {

src/api/postStudentCard.tsx

@@ -1,6 +1,6 @@
 import axios from "axios";
 
-const API_BASE_URL = "http://3.37.196.198:8000";
+const API_BASE_URL = process.env.REACT_APP_AI_URL;
 
 export const postStudentCard = async (file: File) => {
   const formData = new FormData();

src/components/mentoring/MenteeChat.tsx

@@ -3,6 +3,7 @@ import Gif from "../../assets/img/gif.gif";
 import "../../styles/mentoring/MenteeChat.scss";
 import { useState } from "react";
 import axios from "axios";
+import { postTextData } from "../../api/postData";
 
 interface ChatMessage {
   sender: "me" | "gpt";
@@ -36,17 +37,9 @@ const MenteeChat = () => {
       setMessage("");
 
       try {
-        const storedAuth = localStorage.getItem("auth");
-        const auth = storedAuth ? JSON.parse(storedAuth) : null;
-        const accessToken = auth ? auth.access_token : null;
-        const response = await axios.post(
-          "http://3.35.123.253/api/mentorings/chat_with_gpt/",
-          { message: userMessage },
-          {
-            headers: {
-              Authorization: `Bearer ${accessToken}`,
-            },
-          }
+        const response = await postTextData(
+          "/mentorings/chat_with_gpt/",
+          userMessage
         );
 
         if (response.status === 200) {