Bagaimana untuk Menghantar FormData ke Perkhidmatan dalam Sudut Menggunakan Axios?

Hantar Data ke Perkhidmatan dalam Axios

Masalah:

Dalam aplikasi Angular, anda mempunyai borang yang perlu diserahkan kepada perkhidmatan menggunakan Axios, dan anda ingin menetapkan pengepala _boundary kepada nilai harta _boundary borang. Walau bagaimanapun, anda tidak dapat mengakses data borang dari dalam contoh Axios.

Penyelesaian:

Secara lalai, Axios secara automatik menetapkan pengepala Jenis Kandungan untuk permintaan tertentu format badan, termasuk FormData. Apabila anda menghantar tika FormData sebagai badan permintaan, Axios akan secara automatik menetapkan pengepala Jenis Kandungan kepada berbilang bahagian/data borang dan mengendalikan token sempadan mime untuk anda.

Berikut ialah langkah yang perlu diikuti dalam kod anda:

1. Hantar data borang dalam komponen anda:

<code class="js">//component.js

const form = new FormData();

form.append('email', '[email protected]')
form.append('password', '12121212')

dispatch(FetchLogin.action(form))</code>

2. Sediakan panggilan API dalam perkhidmatan anda:

<code class="js">//loginService.js

import api from '@/Services'

export default async form => {
  const response = await api.post('user/login/', form)
  return response.data
}</code>

3. Gunakan perkhidmatan dalam contoh Axios anda:

<code class="js">//Services/index.js

import axios from 'axios'
import { Config } from '@/Config'

const instance =  axios.create({
  baseURL: Config.API_URL,
})

instance.post('fetch-login', { form })</code>

Dengan menghantar objek borang sebagai bentuk harta dalam muatan isi permintaan, Axios akan mengendalikan pengepala Jenis Kandungan secara automatik dan menetapkannya kepada berbilang bahagian/data bentuk dengan token sempadan mime yang sesuai. Anda tidak perlu mengakses borang._boundary property secara langsung.

Atas ialah kandungan terperinci Bagaimana untuk Menghantar FormData ke Perkhidmatan dalam Sudut Menggunakan Axios?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!