2017-09-22 2 views
0

J'essaie de lancer post api dans reactjs en utilisant Fetch-api.Aller chercher l'api pour le message ne fonctionne pas

J'essaye d'exécuter la même API sur le facteur et c'est exécuté.

Je ne sais pas ce qui me manque.

code que j'utilise.

fetch('url', { 
      method: 'POST', 
      mode: "no-cors", // or without this line 
      redirect: 'follow',   
      headers: { 
       'Accept': 'application/json', 
       'Content-Type': 'application/json' 
       }, 
      body: { 
       "username": this.state.user_name, 
       "password": this.state.password 
      } 
     }) 

Dans le code ci-dessus, je reçois 500 Erreur interne du serveur

Et dans le corps si j'utilise Json.stringyfy que va mal type de contenu. Je dois envoyer le type de contenu comme json-application

Et s'il y a n'importe quelle manière alternative d'envoyer la demande de POST que dites-moi aussi.

Merci .. :)

+0

Avez-vous un vrai 'url' dans le FETCH appeler? –

+0

En fait, il est configuré sur le réseau local .. mais il fonctionne sur le facteur. –

+0

Quelles sont les valeurs de 'this.state.user_name' et' this.state.password'? essayez 'body: JSON.stringify ({nom d'utilisateur: this.state.user_name, mot de passe: this.state.password})' – bennygenel

Répondre

1

Avez-vous essayé d'utiliser Axios?

Exemple:

axios.post('url', { 
    username: 'Fred', 
    password: 'xyz' 
    }) 
    .then(function (response) { 
    console.log(response); 
    }) 
    .catch(function (error) { 
    console.log(error); 
    }); 
+0

J'installe axios en utilisant npm.but, mais je reçois axios est une erreur indéfinie. Est-il nécessaire d'importer de n'importe où. –

+0

Vous devez l'importer dans le composant où vous l'utilisez. –

+0

Maintenant, je reçois erreur "Demande CORS invalide" comme ceci .. Donc, c'est l'erreur CORS. –