Axios Видалити запит із тілом та заголовками?

Я використовую Axios під час програмування в ReactJS, і вдаю, що надсилаю запит DELETE на мій сервер.

Для цього мені потрібні заголовки:

headers: {
  'Authorization': ...
}

і тіло складається з

var payload = {
    "username": ..
}

Я шукав у міжмережах і виявив лише, що метод DELETE вимагає "param" і не приймає "data".

Я намагався надіслати його так:

axios.delete(URL, payload, header);

або навіть

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

Але, здається, нічого не працює ...

Хтось може сказати мені, чи можливо (я припускаю, що це можливо) надіслати запит на ВИДАЛЕННЯ як із заголовками, так і з текстом, і як це зробити?

Заздалегідь спасибі!

Тож після декількох спроб я виявив, що це працює.

Будь ласка, дотримуйтесь послідовності замовлення , дуже важливо, інакше це не спрацює

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підтримує тіло запиту.
Він приймає два параметри: a 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)

Сподіваюся, це комусь допоможе!

Для видалення потрібно виконати наступні дії

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, DELETE) є складним , тому що іноді другий параметр повинен бути тіло HTTP, деякі інші часи (коли це можливо , не буде потрібно) ви просто передати заголовки , як 2 - го параметра .

Однак, припустимо, вам потрібно надіслати запит HTTP POST без тіла HTTP, тоді вам потрібно передати undefinedяк другий параметр.

Майте на увазі, що згідно з визначенням об'єкта конфігурації ( https://github.com/axios/axios#request-config ) ви все одно можете передавати тіло HTTP у виклик HTTP через dataполе під час виклику axios.delete, однак для HTTP ВИДАЛИТИ дієслово, воно буде проігноровано.

Ця плутанина між 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).

напр

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