Axios Удалить запрос с телом и заголовками?

Итак, после нескольких попыток я обнаружил, что это работает.

Следуйте порядку заказа, это очень важно, иначе ничего не получится.

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

axios.delete поддерживает тело запроса. Он принимает два параметра: url и необязательный config. Вы можете использовать config.data для установки тела запроса и заголовков следующим образом:

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

См. Здесь - https://github.com/axios/axios/issues/897

Вот краткое описание форматов, необходимых для отправки различных http-глаголов с аксиомами:

• 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

axios. delete - это переданный URL-адрес и необязательная конфигурация.

axios.delete (URL [, конфигурация])

Поля, , доступные для конфигурации, могут включать заголовки.

Это делает так, что вызов API может быть записан как:

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

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

Для удаления вам нужно будет сделать следующее

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

У меня это сработало.

У меня была такая же проблема, которую я решил вот так:

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)

Я надеюсь, что это помогает кому-то!

Для тех, кто пробовал все вышеописанное и до сих пор не видит полезную нагрузку с запросом - убедитесь, что у вас есть:

"axios": "^0.21.1" (not 0.20.0)

Затем приведенные выше решения работают

axios.delete("URL", {
      headers: {
        Authorization: `Bearer ${token}`,
      },
      data: {
        var1: "var1",
        var2: "var2"
      },
    })

Вы можете получить доступ к полезной нагрузке с помощью

req.body.var1, req.body.var2

Вот в чем проблема:

https://github.com/axios/axios/issues/3335

Чтобы отправить 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, а иногда (когда он может не понадобиться) вы просто передаете заголовки как второй параметр.

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

Помните, что согласно определению объекта конфигурации (https://github.com/axios/axios#request-config) вы по-прежнему можете передавать тело HTTP в HTTP-вызове через поле data при вызове axios.delete, однако для команды HTTP DELETE он будет проигнорирован.

Эта путаница между вторым параметром, который иногда является телом HTTP, а иногда и целым объектом config для axios, связана с тем, как были реализованы правила HTTP. Иногда тело HTTP не требуется для того, чтобы HTTP-вызов считался действительным.

Я нашел способ, который работает:

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

Я надеюсь, что это сработает и для вас.

Если у нас есть:

myData = { field1: val1, field2: val2 }

Мы могли бы преобразовать данные (JSON) в строку, а затем отправить ее в качестве параметра в серверную часть:

axios.delete("http://localhost:[YOUR PORT]/api/delete/" + JSON.stringify(myData), 
     { headers: { 'authorization': localStorage.getItem('token') } }
 )

На стороне сервера мы возвращаем наш объект:

app.delete("/api/delete/:dataFromFrontEnd", requireAuth, (req, res) => {
    // we could get our object back:
    const myData = JSON.parse(req.params.dataFromFrontEnd)
 })

Примечание. ответ x4wiz от 14 февраля в 15:49 более точен на вопрос, чем мой! Мое решение без тела ...

Я столкнулся с той же проблемой ... Я решил ее, создав собственный экземпляр axios. и используя это для выполнения аутентифицированного запроса на удаление ..

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

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

Я попробовал все вышеперечисленное, но у меня не получилось. В итоге я просто выбрал PUT (вдохновение нашел здесь) и просто изменил логику на стороне сервера, чтобы выполнить удаление этого URL-адреса. (переопределение функции django rest framework).

e.g.

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

Не осознает аксиом, но может помочь людям решить проблему, которую они ищут. PHP не анализирует данные публикации при выполнении вызова удаления. Axios delete может отправлять содержимое тела с запросом. пример:

//post example
let url = 'http://local.test/test/test.php';
let formData = new FormData();
formData.append('asdf', 'asdf');
formData.append('test', 'test');

axios({
    url: url,
    method: 'post',
    data: formData,
}).then(function (response) {
    console.log(response);
})

result: $_POST Array
(
    [asdf] => asdf
    [test] => test
)


// delete example
axios({
    url: url,
    method: 'delete',
    data: formData,
}).then(function (response) {
    console.log(response);
})

result: $_POST Array
(        
)

чтобы получить данные публикации при вызове удаления в PHP:

file_get_contents('php://input');