如何使用FormData將資料傳遞到axios中的服務？

將資料傳遞到Axios 中的服務

從瀏覽器傳輸資料時，Axios 會自動處理某些請求正文格式並設定適當的Content-Type 標頭。如果您想以 multipart/form-data 形式傳送資料並手動設定 Content-Type 標頭，您可以透過傳遞 FormData 實例作為請求正文來實現。 axios會自動將header設定為multipart/form-data; boundary=${form._boundary}.

<code class="javascript">import axios from 'axios';

const form = new FormData();
form.append('email', 'user@example.com');
form.append('password', 'secretpassword');

axios.post('user/login', form)
  .then((response) => {
    // Handle response
  })
  .catch((error) => {
    // Handle error
  });</code>

在Node.js 中處理FormData

在Node.js 中使用Axios 時，它不會自動從FormData 推斷出Content-Type 標頭實例。若要解決此問題，您可以使用請求攔截器。

<code class="javascript">axios.interceptors.request.use((config) => {
  if (config.data instanceof FormData) {
    Object.assign(config.headers, config.data.getHeaders());
  }
  return config;
}, null, { synchronous: true });</code>

或者，您可以在發出請求時手動合併標頭。

<code class="javascript">axios.post('user/login', body, {
  headers: {
    'X-Any-Other-Headers': 'value',
    ...body.getHeaders(),
  },
});</code>

結論

總之，透過使用FormData 實例並適當配置請求選項，您可以將資料從loginService.js 傳遞到Services/index.js 並無縫處理多部分/表單資料請求。

以上是如何使用FormData將資料傳遞到axios中的服務？的詳細內容。更多資訊請關注PHP中文網其他相關文章！