webentwicklung-frage-antwort-db.com.de

Axios mit CORS-Problem

Ich habe Proxy in package.json hinzugefügt, und es hat großartig funktioniert, aber nachdem npm run build das CORS-Problem wieder aufgetaucht hat, weiß jemand, wie man das CORS-Problem nach dem npm run build in React behandelt.

Ich habe versucht, Header in Axios-Anfrage mit verschiedenen Methoden hinzuzufügen. Es ist mir jedoch nicht gelungen, 'Access-Control-Allow-Origin': '*' in der Axios-Anfrage hinzuzufügen. Mein Code lautet wie folgt:

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);
        }
  })
 }

Hinweis: Es wurde von der Serverseite aktiviert. Es funktioniert immer noch nicht. Derzeit kann ich den Code von der Serverseite nicht ändern. Meine Arbeit beschränkt sich nur auf die Clientseite.

2
Kiran

ihr Server sollte die Cross-Origin-Anforderungen aktivieren, nicht den Client. Um dies zu tun, können Sie diese Nizza-Seite mit Implementierungen und Konfigurationen für mehrere Plattformen überprüfen

3
Murilo Cruz

Ich bin mit demselben Problem gestoßen. Wenn ich den Inhaltstyp geändert habe, wurde das Problem gelöst. Ich bin mir nicht sicher. Diese Lösung wird Ihnen helfen, aber vielleicht ist sie es. Wenn dir der Inhaltstyp nichts ausmacht, hat es für mich funktioniert.

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