HTTP header

When

YoucandoEAT 프로젝트 中

What

axios.post 요청에서 인자로 요구되는 content-type에 대한 공부

content-type이란?

request에 실어 보내는 data type의 정보

application/x-www-form-urlencoded

• 일반적인 formdata에 enctype을 별도로 지정하지 않았을 때 전송
• 우리가 전송하려는 데이터가 영,숫자가 아닌 경우 3바이트로 표현하기 때문에 바이너리 파일을 전송할 경우 페이로드를 3배로 만들기에 비효율적
• key-value&key=value...의 형태로 전송

application/json

• {key:value}의 형태로 전송

multipart/form-data

• 영숫자가 아닌 문자는 3바이트로 표현해야 하는 application/x-www-form-urlencoded에 비해 페이로드에 많은 옵션을 제공
• 바이너리 데이터를 효율적으로 전송할 수 있으나 웹에서 많이 사용되는 텍스트로만 이루어진 POST 전송은 오히려 MIME 헤더가 추가되기 때문에 오버 헤드가 발생

Summary

• 파일 전송 시: multipart/form-data
• 영, 숫자 전송 시: application/x-www-form-urlencoded type