Axios ลบคำขอที่มีเนื้อหาและส่วนหัวหรือไม่

ฉันใช้ Axios ขณะเขียนโปรแกรมใน ReactJS และฉันแสร้งทำเป็นส่งคำขอ DELETE ไปยังเซิร์ฟเวอร์ของฉัน

ในการทำเช่นนั้นฉันต้องการส่วนหัว:

headers: {
  'Authorization': ...
}

และร่างกายประกอบด้วย

var payload = {
    "username": ..
}

ฉันค้นหาในเว็บระหว่างกันและพบเพียงว่าเมธอด DELETE ต้องการ "พารามิเตอร์" และไม่ยอมรับ "ข้อมูล"

ฉันพยายามส่งแบบนี้:

axios.delete(URL, payload, header);

หรือแม้กระทั่ง

axios.delete(URL, {params: payload}, header);

แต่ดูเหมือนจะไม่ได้ผล ...

ใครช่วยบอกหน่อยได้ไหมว่าเป็นไปได้ (ฉันคิดว่าเป็น) เพื่อส่งคำขอ DELETE พร้อมทั้งส่วนหัวและเนื้อหาและต้องทำอย่างไร

ขอบคุณล่วงหน้า!

หลังจากลองหลายครั้งฉันพบว่ามันใช้ได้ผล

โปรดทำตามลำดับคำสั่งซึ่งสำคัญมากมิฉะนั้นจะไม่ทำงาน

axios.delete(URL, {
  headers: {
    Authorization: authorizationToken
  },
  data: {
    source: source
  }
});

axiox.deleteไม่รองรับเนื้อหาคำขอ ยอมรับสองพารามิเตอร์: url และ config ที่เป็นทางเลือก คุณสามารถใช้config.dataเพื่อตั้งค่าเนื้อหาและส่วนหัวของคำขอดังต่อไปนี้:

axios.delete(url, { data: { foo: "bar" }, headers: { "Authorization": "***" } });

ดูที่นี่ - https://github.com/axios/axios/issues/897

นี่คือสรุปสั้น ๆ ของรูปแบบที่จำเป็นในการส่งคำกริยา http ต่างๆด้วย axios:

• GET: สองทาง

  • วิธีแรก

    axios.get('/user?ID=12345')
      .then(function (response) {
        // Do something
      })
    

  • วิธีที่สอง

    axios.get('/user', {
        params: {
          ID: 12345
        }
      })
      .then(function (response) {
        // Do something
      })
    

  สองข้อข้างต้นเทียบเท่ากัน สังเกตparamsคำสำคัญในวิธีที่สอง

• POST และ PATCH

  axios.post('any-url', payload).then(
    // payload is the body of the request
    // Do something
  )
  
  axios.patch('any-url', payload).then(
    // payload is the body of the request
    // Do something
  )
  

• DELETE

  axios.delete('url', { data: payload }).then(
    // Observe the data keyword this time. Very important
    // payload is the request body
    // Do something
  )
  

ประเด็นที่สำคัญ

• getคำขอเป็นทางเลือกที่จำเป็นต้องมีparamsคีย์เพื่อตั้งค่าพารามิเตอร์การสืบค้นอย่างถูกต้อง
• deleteการร้องขอกับร่างกายจำเป็นต้องตั้งค่าไว้ใต้dataคีย์

แกน การลบจะถูกส่งผ่าน url และการกำหนดค่าเพิ่มเติม

axios.delete (url [, config])

เขตข้อมูลที่สามารถใช้ได้กับการตั้งค่าสามารถรวมส่วนหัว

สิ่งนี้ทำให้การเรียก API สามารถเขียนเป็น:

const headers = {
  'Authorization': 'Bearer paperboy'
}
const data = {
  foo: 'bar'
}

axios.delete('https://foo.svc/resource', {headers, data})

ฉันมีปัญหาเดียวกันฉันก็แก้ไขเช่นนั้น:

axios.delete(url, {data:{username:"user", password:"pass"}, headers:{Authorization: "token"}})

ที่จริงaxios.deleteรองรับเนื้อหาที่ร้องขอ
มันรับสองพารามิเตอร์: กและตัวเลือกURL configนั่นคือ...

axios.delete(url: string, config?: AxiosRequestConfig | undefined)

คุณสามารถทำสิ่งต่อไปนี้เพื่อตั้งค่าเนื้อหาตอบกลับสำหรับคำขอลบ:

let config = { 
    headers: {
        Authorization: authToken
    },
    data: { //! Take note of the `data` keyword. This is the request body.
        key: value,
        ... //! more `key: value` pairs as desired.
    } 
}

axios.delete(url, config)

ฉันหวังว่านี่จะช่วยใครสักคน!

สำหรับ Delete คุณจะต้องดำเนินการดังต่อไปนี้

axios.delete("/<your endpoint>", { data:<"payload object">})

มันได้ผลสำหรับฉัน

ในการส่ง HTTP DELETE พร้อมส่วนหัวบางส่วนผ่านaxiosฉันได้ทำสิ่งนี้:

  const deleteUrl = "http//foo.bar.baz";
  const httpReqHeaders = {
    'Authorization': token,
    'Content-Type': 'application/json'
  };
  // check the structure here: https://github.com/axios/axios#request-config
  const axiosConfigObject = {headers: httpReqHeaders}; 

  axios.delete(deleteUrl, axiosConfigObject);

axiosไวยากรณ์สำหรับ HTTP กิริยาที่แตกต่างกัน (GET, POST, PUT ลบ) เป็นเรื่องยุ่งยากเพราะบางครั้งพารามิเตอร์ 2 ควรจะเป็นร่างกาย HTTP บางเวลาอื่น ๆ (ตอนที่มันอาจจะไม่จำเป็น) คุณเพียงแค่ผ่านส่วนหัวเป็นพารามิเตอร์ที่ 2 .

อย่างไรก็ตามสมมติว่าคุณต้องส่งคำขอ HTTP POST โดยไม่มีเนื้อความ HTTP จากนั้นคุณต้องส่งผ่านundefinedเป็นพารามิเตอร์ที่ 2

โปรดทราบว่าตามคำจำกัดความของวัตถุการกำหนดค่า ( https://github.com/axios/axios#request-config ) คุณยังสามารถส่งผ่านเนื้อหา HTTP ในการโทร HTTP ผ่านdataฟิลด์เมื่อโทรaxios.deleteอย่างไรก็ตามสำหรับ HTTP DELETE คำกริยาจะถูกละเว้น

ความสับสนระหว่างพารามิเตอร์ที่ 2 บางครั้งเป็นเนื้อความ HTTP และในบางครั้งconfigออบเจ็กต์ทั้งหมดaxiosเกิดจากการใช้กฎ HTTP บางครั้งไม่จำเป็นต้องใช้เนื้อหา HTTP เพื่อให้การเรียก HTTP ถือว่าถูกต้อง

ฉันพบปัญหาเดียวกัน ... ฉันแก้ไขได้โดยสร้างอินสแตนซ์ axios ที่กำหนดเอง และใช้สิ่งนั้นเพื่อทำการร้องขอการลบที่พิสูจน์ตัวตน ..

const token = localStorage.getItem('token');
const request = axios.create({
        headers: {
            Authorization: token
        }
    });

await request.delete('<your route>, { data: { <your data> }});

ฉันพบวิธีที่ได้ผล:

axios
      .delete(URL, {
        params: { id: 'IDDataBase'},
        headers: {
          token: 'TOKEN',
        },
      }) 
      .then(function (response) {
        
      })
      .catch(function (error) {
        console.log(error);
      });

ฉันหวังว่างานนี้สำหรับคุณเช่นกัน

ฉันลองทุกข้อข้างต้นซึ่งไม่ได้ผลสำหรับฉัน ฉันลงเอยด้วยการ PUT (พบแรงบันดาลใจที่นี่ ) และเพิ่งเปลี่ยนตรรกะฝั่งเซิร์ฟเวอร์ของฉันเพื่อทำการลบในการเรียก url นี้ (ฟังก์ชัน django rest framework แทนที่)

เช่น

.put(`http://127.0.0.1:8006/api/updatetoken/20`, bayst)
      .then((response) => response.data)
      .catch((error) => { throw error.response.data; });