web-dev-qa-db-fra.com

Axios ayant un problème CORS

J'ai ajouté un proxy dans package.json et cela a très bien fonctionné, mais une fois que npm run build a été corrigé, le problème CORS a-t-il de nouveau été résolu?.

J'ai essayé d'ajouter des en-têtes dans la requête axios en utilisant différentes méthodes. Cependant, je n'ai pas réussi à ajouter 'Access-Control-Allow-Origin': '*' dans la demande axios. Mon code est le suivant:

package.json

  "proxy": {
      "*":{ "target" : "http://myurl"}
   }

GetData.js

  axios.defaults.baseURL = 'http://myurl';
  axios.defaults.headers.post['Content-Type'] ='application/json;charset=utf-8';
  axios.defaults.headers.post['Access-Control-Allow-Origin'] = '*';
  axios.get(serviceUrl, onSuccess, onFailure)
  .then(resp => { 
        let result = resp.data;
        onSuccess(result);
  })
  .catch(error => {
        if(onFailure) {
            return onFailure(error);
        }
  })
 }

Remarque: Il est activé du côté serveur, il ne fonctionne toujours pas. Actuellement, je ne peux pas modifier le code côté serveur, mon travail est limité au côté client.

reactjsproxycorsaxios
2
Kiran

votre serveur doit activer les requêtes d'origine croisée, pas le client. Pour ce faire, vous pouvez consulter cette page de Nice avec les implémentations et les configurations pour plusieurs plates-formes

3
Murilo Cruz

J'ai rencontré avec le même problème. Quand j'ai changé le type de contenu, cela a été résolu. Je ne suis pas sûr. Cette solution vous aidera, mais peut-être que si. Si le type de contenu ne vous dérange pas, cela a fonctionné pour moi.

axios.defaults.headers.post['Content-Type'] ='application/x-www-form-urlencoded';
0
soztrk