[React/NestJS] formData 400 에러

react에서 axios로 file을 formData에 넣어서 보냈는데 400 에러가 났다.

1. header 설정을 넣어줌

"Content-type": "multipart/formdata"

근데 이렇게 했는데도 안됬다. 알고보니 서버쪽 코드에 문제가 있었다.

2. FileInterceptor 의 key 이름 체크

서버 쪽 컨트롤러 코드에서
@UseInterceptors(FilesInterceptor('files', 10)) 에서 'files'를 'file'로 바꿔줬다.
formData에 key이름이 'file'이었기 때문이었다.

그랬더니 400에러는 더 이상 안 났다.