Frontned Development/FE 프로젝트 개발

FormData 에러 (console.log , boundary 미확인)

데비시 2023. 8. 6. 20:55

FormData에 대한 지식이 부족해서 사용하면서 생긴 사소한 에러들이다. 

 

1. console.log가 안찍히는 현상

비어있다 나오는 FormData

아래 내장 함수를 통해서 확인할 수 있다.

   form.forEach((value, key) => {
      console.log(`key: ${key}    /    value: ${value}`);
   });

 

2. header에서 boundary가 안보임

Content-Type은 Header에, Data(payload)는 body에 담깁니다. 그래서 header에서 저 한 줄만 보이는 게 정상이고 Data는 payload 탭에서 확인하는 게 맞습니다.

 

요청 헤더의 정보, 당연히, 데이터의 정보는 여기 담겨있지 않다.
payload 탭에 multipart 데이터 정보가 들어있다.