Changer le Type de Contenu dans axios-tête pour résoudre un 415 erreur

J'essaie d'envoyer un fichier à mon back-end par le biais d'un axios requête post.

C'est l'erreur que j'ai actuellement:

cherrypy._cperror.HTTPError: (415, 's'Attend à une entité de contenu
type application/json, text/javascript')

De ce que j'ai lu, j'ai besoin de changer le Type de Contenu dans mon post, j'ai regardé autour de moi, je suis actuellement en train de tenter de le faire comme ceci:

handleUploadButton(e){
            const upload_file = this.state.file;
            const formData = new FormData();
            formData.append('file', upload_file);
            const request = axios.post(someUrl, formData, {headers: {
                "Content-Type": "application/json"}
            })
                .then(function (response) {
                    console.log('successfully uploaded', upload_file);
                });
    }

Ne sais pas si pertinent, mais tout cela se passe par le biais d'un reactjs forme.
C'est mon Content-Type: Content-Type:multipart/form-data; boundary=----WebKitFormBoundaryBwjjjGuJEySeXdru

Je n'ai aucune idée de l'endroit où aller à partir d'ici. Toute aide serait grandement appréciée.

InformationsquelleAutor theJuls | 2017-01-04
  1. 2
    SignIn = () => {
    console.log('login clicked')
    let data = JSON.stringify({
        password: this.state.password,
        username: this.state.email
    })

    axios.post('url', data, {
        headers: {
            'Content-Type': 'application/json',
        }
    }
    )
}
    • Alors que cet extrait de code, peut-être de résoudre la question, y compris une explication aide vraiment à améliorer la qualité de votre post. Rappelez-vous que vous répondez à la question pour les lecteurs dans l'avenir, et ces personnes pourraient ne pas connaître les raisons de votre code suggestion. Veuillez aussi essayer de ne pas surcharger le code avec des notes explicatives, ce qui réduit la lisibilité à la fois le code et les explications!
    InformationsquelleAutor Ben Ahlander
  2. 1

    Vous pouvez corriger les différents types catch() erreur par

    .catch((error)=> {
              if(error.response){
                this.errors(error.response.message);
              }else if (error.request) {
                console.log('error.request');
              } else {
                console.log('Error', error);
              }
              console.log("rejected");
});

    lire plus >>

    InformationsquelleAutor Rizo
  3. 0

    Cela a fonctionné pour moi:

    const formData = new FormData();
formData.append('data', new Blob([JSON.stringify(data)], { type: 'application/json'}));
formData.append('file', file);

return axios.put(`${url}`, formData)
  .then((response) => { console.log(response) })
  .catch((error) => { console.log(error) })

    J'ai pris cela à partir d'une autre réponse à une question similaire. Vous pouvez vérifier l'original de la réplique ici.

    InformationsquelleAutor Daniel Cortes
  4. -2

    Afin de rendre axios inclure Content-Type: application-json vous avez besoin de le faire:

    javascript
window.axios = require('axios')
axios.defaults.headers.common['X-Requested-With'] = 'XMLHttpRequest'
    InformationsquelleAutor Denis Mitrofanov