Axios Supprimer la demande avec le corps et les en-têtes?

Je suis à l'aide d'Axios, tandis que la programmation en ReactJS et je fais semblant d'envoyer une demande de SUPPRESSION de mon serveur.

Pour ce faire j'ai besoin de les en-têtes:

headers: {
  'Authorization': ...
}

et le corps est composé de

var payload = {
    "username": ..
}

J'ai été à la recherche dans l'inter-réseaux trophiques et seulement constaté que la SUPPRESSION de la méthode nécessite un "param" et n'accepte pas de "données".

J'ai essayé de l'envoyer comme suit:

axios.delete(URL, payload, header);

ou même

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

Mais rien ne semble fonctionner...

Quelqu'un peut-il me dire si c'est possible (je présume que c'est) pour envoyer une demande de SUPPRESSION à la fois avec les en-têtes et le corps, et comment le faire ?

Vous en remercie d'avance!

InformationsquelleAutor Asfourhundred | 2018-06-27

34

axiox.supprimer prend en charge le corps de la requête. Il accepte deux paramètres: l'url et en option config. Vous pouvez utiliser config.de données pour définir le corps de la réponse comme suit:
```
axios.delete(url, { data: { foo: "bar" } });
```
Voir Ici - https://github.com/axios/axios/issues/897
- Le truc, c'est que je veux envoyer un corps et les en-têtes dans la même demande de suppression
InformationsquelleAutor tarzen chugh

Voici un bref résumé des formats requis pour envoyer des différents verbes http avec axios:

GET: Deux façons

Première méthode

JS:

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

Deuxième méthode

JS:

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

Les deux ci-dessus sont équivalentes. Observer les params mot-clé dans la deuxième méthode

POST et PATCH

JS:

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

JS:

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

Clé de la vente à emporter

get demandes éventuellement besoin d'un params clé de définir correctement les paramètres de la requête
delete demandes avec un corps en a besoin pour être mis sous une data clé

Votre réponse me fait regretter qu'il n'y a a +2 upvote fonctionnalité sur un débordement de pile.

InformationsquelleAutor Van_Paitin

4

axios.supprimer est passé une url et une option de configuration.

axios.supprimer(url[, config])

Les champs disponible à la configuration peut inclure les en-têtes.

Ce qu'il fait en sorte que l'appel de l'API peut être écrite comme:
```
const headers = {
  'Authorization': 'Bearer paperboy'
}
const data = {
  foo: 'bar'
}

axios.delete('https://foo.svc/resource', {headers, data})
```
- Cela ne fonctionne pas pour moi... j'ai const headers = {'Authorization': ...} et data = {'username': ...} de se retrouver avec axios.delete('http://...', {headers, data}) mais le serveur ne peut pas accéder aux en-têtes...
- La requête de sortie à partir du navigateur dit différent. Voir ce Stackblitz (stackblitz.com/edit/react-gq1maa) et aussi de la demande dans le navigateur dans l'onglet réseau (snag.gy/JrAMjD.jpg). Vous devez être sûr que vous êtes en train de lire les en-têtes du serveur de côté le droit chemin ou que la demande n'est pas intercepté et falsifié.
InformationsquelleAutor Oluwafemi Sule

J'ai eu le même problème je l'ai résolu comme ça:

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

InformationsquelleAutor ronara

Ainsi, après un certain nombre de tentatives, j'ai trouvé de travail.

Veuillez suivre l'ordre de la séquence de il est très important sinon ça ne marchera pas

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

InformationsquelleAutor vishu2124

2

Pour envoyer un HTTP SUPPRIMER des en-têtes via axios j'ai fait ceci:
```
  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);
```
La axios syntaxe pour les différents verbes HTTP (GET, POST, PUT, DELETE) est délicate car, parfois, le 2ème paramètre est censé être le corps HTTP, d'autres fois (quand il n est pas nécessaire) que vous venez de passer les en-têtes dans le 2e paramètre.

Cependant, disons que vous avez besoin d'envoyer une requête HTTP POST sans un HTTP corps, alors vous avez besoin pour passer undefined que le 2ème paramètre.

Bare à l'esprit que, selon la définition de l'objet de configuration ( https://github.com/axios/axios#request-config ), vous pouvez toujours passer un corps HTTP HTTP appel à l'aide de la data champ lors de l'appel de axios.delete, cependant, pour le HTTP SUPPRIMER verbe, elle sera ignorée.

Cette confusion entre le 2e paramètre étant parfois le corps HTTP et quelques autres de temps l'ensemble de config objet pour axios est dû à la façon dont les HTTP règles ont été mises en œuvre. Parfois, un corps HTTP n'est pas nécessaire pour un appel HTTP pour être considérée comme valide.

InformationsquelleAutor TPPZ

J'ai rencontré le même problème...
Je l'ai résolu par la création d'une coutume axios instance. et en les utilisant pour faire un authentifié supprimer la demande..

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

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

InformationsquelleAutor jimijuu omastar

0

Pour les Supprimer, vous devrez procéder comme suit
```
axios.delete("/<your endpoint>", { data:<"payload object">}})
```
Il a travaillé pour moi.

InformationsquelleAutor Hemantkumar Gaikwad

Vous devez vous connecter pour publier un commentaire.