Axios의 서비스에 데이터를 전달하고 올바른 콘텐츠 유형과 경계가 설정되었는지 어떻게 확인할 수 있나요?

Axios의 서비스에 데이터 전달

문제: 헤더에 "_boundary"를 첨부하려고 합니다. Axios API 호출이지만 Axios 서비스에서 데이터에 액세스할 수 없습니다.

해결책: Axios는 FormData를 포함한 특정 요청 본문 형식에 대한 콘텐츠 유형을 자동으로 처리합니다. FormData 인스턴스를 데이터 인수로 전달하면 수동 구성 없이 적절한 Content-Type 및 MIME 경계가 설정됩니다.

자세한 설명:

자동 콘텐츠 유형 처리 :

FormData 인스턴스를 보낼 때 런타임은 자동으로 Content-Type을 "multipart/form-data"로 설정하고 올바른 MIME 경계 토큰을 포함합니다. 이 동작은 데이터가 올바르게 직렬화되어 서버로 전송되도록 보장합니다.

예:

다음은 Axios를 사용하여 FormData 인스턴스를 보내는 예입니다.

<code class="javascript">const form = new FormData();

// Attach files and other fields to the formData instance
form.append('file', fileInput.files[0]);
form.append('foo', 'foo');

axios.post(url, form);</code>

사용자 정의 콘텐츠 유형 처리:

문자열 데이터를 특정 형식(예: text/xml, application/json).

예:

<code class="javascript">const data = JSON.stringify({ foo: 'foo', bar: 'bar' });

axios.post(url, data, {
  headers: { 'content-type': 'application/json' },
});</code>

Axios v0.27.1 및 v1.0.0 방지:

이 Axios 버전에는 FormData 처리와 관련된 알려진 문제가 있습니다. Fetch API, got(Node.js용) 또는 ky(브라우저용)와 같은 대안을 사용하는 것이 좋습니다.

Node.js 고려 사항:

Node.js 백엔드에서 Axios를 사용하면 FormData 인스턴스에서 Content-Type 헤더를 추론하지 않습니다. 이 문제를 해결하려면 요청 인터셉터를 사용하거나 헤더를 수동으로 병합할 수 있습니다.

jQuery $.ajax() 메서드:

기본적으로 $.ajax() 페이로드를 "application/x-www-form-urlencoded"로 보내고 jQuery.param()을 사용하여 JavaScript 데이터를 직렬화합니다. 브라우저가 자동으로 Content-Type을 설정하도록 허용하려면 다음 옵션을 사용하세요.

<code class="javascript">$.ajax({
  url,
  method: 'POST',
  data: body,
  contentType: false, // Let the browser figure out the content type
  processData: false, // Don't attempt to serialize data
});</code>

위 내용은 Axios의 서비스에 데이터를 전달하고 올바른 콘텐츠 유형과 경계가 설정되었는지 어떻게 확인할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!