인프런 커뮤니티 질문&답변

일단 저는 node.js 서버 환경이 아닌 Springboot 서버 환경이고 front에서 http://localhost:8080/images api로 이미지를 잘 전달 합니다! 그런데 한 번 전달하게 되면

이미지 성공 toast알림이 뜨지 않고 또한 다시 초기화를 해주는 쪽 블럭으로 넘어가지 않는 것 같습니다

코드는 강사님꺼 그대로 가져다 사용하였고 server쪽 url 호출시 cors문제가 있어서 package.json에 proxy 설정해주었고 백엔드 서버에 1번은 제대로 가져오는 것까지 확인하였습니다. < 이게 백엔드에서 file에 대한 정보 찍어봤을 때 나온 결과값입니다.

import React, { useState } from 'react'
import { toast } from "react-toastify"
import axios from 'axios';

... [생략]

  const onSubmit = async (e) => {  
    e.preventDefault(); 
    const formData = new FormData();  
    formData.append("image", file)
    console.log(formData);
    try {
      const res = await axios.post("http://localhost:8080/images", formData,{
        headers: { "Content-Type" : "multipart/form-data" },
        onUploadProgress: (e) => {
          setProgress(Math.round(100 * e.loaded/e.total));
        },
      });
      toast.success("success!!  이미지 업로드 성공");
      setTimeout(() => {
        setProgress(0);
        setFileName(defaultUpload);
        setFileUrl(null);
      }, 3000);
    } catch (error) {
      toast.error(error.message);
      setProgress(0);
      setFileName(defaultUpload);
      setFileUrl(null);
      console.error(error);
    }
  }

왜 try 부분에서 성공시/에러시에 대한 아웃풋을 넘겨주지 않는지 잘 모르겠습니다 ㅠ 답변 부탁드릴게요

현재까지 수강중인 내용은 db를 통해 이미지 정보 저장하기까지 들었습니다