diff --git a/src/Test.jsx b/src/Test.jsx
index caecdb4..da27a11 100644
--- a/src/Test.jsx
+++ b/src/Test.jsx
@@ -1,10 +1,3 @@
-import ApiRequestComponent from "./api/apiRequest";
-
 export default function Test() {
-  return (
-    <div>
-      <ApiRequestComponent />
-    </div>
-  );
+  return <div>테스트 페이지</div>;
 }
-
diff --git a/src/api/apiRequest.jsx b/src/api/apiRequest.jsx
deleted file mode 100644
index 7e717fe..0000000
--- a/src/api/apiRequest.jsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import { useState } from "react";
-import api from "../api"; // axios 인스턴스 가져오기
-
-const ApiRequestComponent = () => {
-  const [endpoint, setEndpoint] = useState("");
-  const [data, setData] = useState("");
-  const [response, setResponse] = useState(null);
-
-  const handleSubmit = async (e) => {
-    e.preventDefault();
-    try {
-      const res = await api.post(`/api/${endpoint}`, { data });
-      setResponse(res.data);
-      console.log("서버 응답:", res.data);
-    } catch (error) {
-      console.error("API 요청 오류:", error);
-      setResponse(null);
-    }
-  };
-
-  return (
-    <div>
-      <form onSubmit={handleSubmit}>
-        <div>
-          <label>엔드포인트:</label>
-          <input
-            type="text"
-            value={endpoint}
-            onChange={(e) => setEndpoint(e.target.value)}
-            placeholder="엔드포인트 입력"
-          />
-        </div>
-        <div>
-          <label>데이터:</label>
-          <input
-            type="text"
-            value={data}
-            onChange={(e) => setData(e.target.value)}
-            placeholder="보낼 데이터 입력"
-          />
-        </div>
-        <button type="submit">전송</button>
-      </form>
-      {response && <div>응답: {response}</div>}
-    </div>
-  );
-};
-
-export default ApiRequestComponent;
diff --git a/src/api/index.js b/src/api/index.js
index 4c2506a..9d3ba2e 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -9,13 +9,16 @@ const api = axios.create({
   },
 });
 
-// 예제 API 호출 함수
-export const fetchData = async ({ endpoint }) => {
+export const request = async (method, endpoint, data = {}) => {
   try {
-    const response = await api.get(`/api/${endpoint}`);
+    const response = await api({
+      method,
+      url: `/api${endpoint}`,
+      data,
+    });
     return response.data;
   } catch (error) {
-    console.error("API 요청 오류:", error);
+    console.error("API 요청 오류: ", error);
     throw error;
   }
 };
diff --git a/vite.config.js b/vite.config.js
index 4a74cbb..4fdfca6 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -5,6 +5,7 @@ import path from "path";
 
 // https://vite.dev/config/
 export default defineConfig({
+  base: "./",
   plugins: [react(), tailwindcss()],
   resolve: {
     alias: {