Frontend th

.github/workflows/deploy.yml

@@ -40,7 +40,14 @@ jobs:
       - name: Copy JAR to EC2
         run: |
           scp -o StrictHostKeyChecking=no -i pirocheck.pem backend/pirocheck/build/libs/*.jar ubuntu@${{ secrets.EC2_HOST }}:/home/ubuntu/
+
+      - name: Run jar on EC2
+        run: |
+          ssh -o StrictHostKeyChecking=no -i pirocheck.pem \
+          ubuntu@${{ secrets.EC2_HOST }} \
+          "fuser -k 8080/tcp || true && nohup java -jar pirocheck-0.0.1-SNAPSHOT.jar > log.txt 2>&1 &"
 
+
       - name: Restart Spring Boot on EC2
         run: |
           ssh -o StrictHostKeyChecking=no -i pirocheck.pem ubuntu@${{ secrets.EC2_HOST }} 'bash ~/restart.sh'
@@ -106,4 +113,4 @@ jobs:
           AWS_S3_BUCKET: www.pirocheck.org
           AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}
           AWS_SECRET_ACCESS_KEY: ${{ secrets.AWS_SECRET_ACCESS_KEY }}
-          SOURCE_DIR: frontend/dist
+          SOURCE_DIR: frontend/dist

frontend/src/Deposit.jsx

@@ -2,6 +2,7 @@ import Header from "./components/Header";
 import styles from "./Deposit.module.css";
 import axios from "axios";
 import { useEffect, useState } from "react";
+import api from "./api/api";
 
 const Deposit = () => {
   const [deposit, setDeposit] = useState(null);
@@ -12,10 +13,8 @@ const Deposit = () => {
 
     if (!userId) return;
 
-    axios
-      .get(`/api/deposit/${userId}`, {
-        withCredentials: true, // 세션 쿠키 포함
-      })
+    api
+      .get(`/deposit/${userId}`)
       .then((res) => setDeposit(res.data))
       .catch((err) => {
         alert("보증금 정보를 불러오지 못했습니다.");

frontend/src/api/api.js

@@ -0,0 +1,19 @@
+import axios from "axios";
+
+const api = axios.create({
+  baseURL: "/api",
+  withCredentials: true,
+});
+
+// 401 오류 시 로그인 페이지로 리다이렉트
+api.interceptors.response.use(
+  (response) => response,
+  (error) => {
+    if (error.response?.status === 401) {
+      window.location.href = "/login";
+    }
+    return Promise.reject(error);
+  }
+);
+
+export default api;