Ich habe einen Fehler beim Ausführen einer Get-Anfrage in einer ReactJs-App, die Folgendes generiert:
"XMLHttpRequest kann http://localhost :3002/api/users nicht laden. Antwort auf Preflight-Anfrage besteht die Zugriffskontrollprüfung nicht: Auf der angeforderten Ressource ist kein 'Access-Control-Allow-Origin'-Header vorhanden. Origin ' http: //localhost :3005' darf daher nicht zugreifen. Die Antwort hatte den HTTP-Statuscode 404."
Mein Kodex.
const ROOT_URL = ' http://localhost :3002';
const AUTH_TOKEN = 'eyJ0eXAiOiJKV1QiLCJhb..................';
axios.defaults.baseURL = ROOT_URL;
axios.defaults.headers.common['Autorisierung'] = AUTH_TOKEN;
axios.defaults.headers.post['Content-Type'] = 'application/json;charset=utf-8';
axios.get('/api/users').then(function(response) {
console.log(response.data);
console.log(response.status);
console.log(response.statusText);
console.log(response.headers);
console.log(response.config);
});
Dies ist kein Axios-Problem. Sie müssen Ihren Server so einstellen, dass er CORS-Anforderungen akzeptiert. Sehen Sie sich die erste Antwort auf http://stackoverflow.com/questions/20035101/no-access-control-allow-origin-header-is-present-on-the-requested-resource an
Hallo,
Ich habe es bereits verwendet. durch behoben am Server hinzugefügt
"routen": {
"cors": wahr
}
bei Hapi Konfigurationsverbindung
Danke schön.
Hallo @9tor, hast du dieses Problem gelöst?
Hilfreichster Kommentar
Dies ist kein Axios-Problem. Sie müssen Ihren Server so einstellen, dass er CORS-Anforderungen akzeptiert. Sehen Sie sich die erste Antwort auf http://stackoverflow.com/questions/20035101/no-access-control-allow-origin-header-is-present-on-the-requested-resource an