formData 대신 객체로 보낼때

Question

백엔드에 게시글 등록시 const upload = multer({...})

router 에서 upload.none() 를 사용하였습니다.

작성된 코드에서는 이미지 업로드 버튼을 누르고 이미지 선택 확인 누르는 순간 로컬에 저장되고 반환되어

프론트에서 imagePaths 에 담겨있습니다. 그 후 강의에선 imagePaths를 FormData에 담아서 보내고있는데

imagePaths는 텍스트만 들어있어서 객체로 보내보려고합니다.

배열을 그대로 담으면 될 것 같아

dispatch({
    type: ADD_POST_REQUEST,
    data: { imagePaths, content: text },
});

이렇게 작성하여 보냈는데 Network에서도 성공이고 프론트에서도 오류나는것 없이 다 SUCCESS입니다. 게시글에는 사진이 나타나지 않습니다. 경로가 잘못된 것 같지는 않고 .. 어떤 문제가 있는걸까요?

[등록 전]

스크린샷 2023-03-07 오후 12.15.32.png

[등록 후]

스크린샷 2023-03-07 오후 12.15.40.png

Answer

콘솔에 있는 data를 한 번 열어보세요. 거기서 뭔가 비어있을 수 있습니다.