현재 이 강의 5분까지 진행했습니다.

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

multer를 이용하여 이미지 저장[삭제 예정]

작성

198

5분40초 내용처럼 파일을 올리면 파일올리는데 실패햇다는 alert창이 나옵니다. ㅠㅠ

콘솔에는 아무것도 안찍혀있구요.. 도움부탁드립니다.

제 깃허브 주소입니다!

https://github.com/jungsikjeong/shoppingmall_Example

프론트 단에서 아래처럼 코드를짜서 해결하려고 노력해봤습니다.

const dropHandle = async (files) => {
    let formData = new FormData();

    const config = {
      header: { 'content-type': 'multipart/form-data' },
    };
    formData.append('file', files[0]);

    await Axios.post('/api/product/image', formData, config).then(
      (response) => {
        try {
          const result = response.data;
          console.log(result);
          // if (response.data.success) {
          //     console.log(response.data);
          //   } else {
          //     alert('파일을 저장하는데 실패했습니다.');
          //   }
        } catch (err) {
          console.error(err);
        }
      }
    );
 };