React JS Fehler in XMLHttpRequest mit Axios bekommen

Question

Ich bin mit REACT-JS Rahmen für FRONT-END:

Dies ist meine Berufung Aktion von REDUX-REACT

export function UserLogin(values) { 
    var headers = { 
     'Access-Control-Allow-Origin': '*',   
     'Accept': 'application/json', 
     'Content-Type': 'application/json' 
    } 

    const request = axios.post('http://localhost:8000/login', headers, values).then(function(response){ 
     /*() => {callback();}*/ 
     console.log(response); 
    }) 
    .catch((error) => { 
     // Error 
     if (error.response) { 
      console.log(error.response.data); 

     } 
     else if (error.request) { 
      // The request was made but no response was received 
      // `error.request` is an instance of XMLHttpRequest in the browser and an instance of 
      // http.ClientRequest in node.js 
      console.log(error.request); 
     } 
     else { 
      // Something happened in setting up the request that triggered an Error 
      console.log('Error', error.message); 
     } 
    }); 
    return { 
     type: LOGIN_REQUEST_SUCCESS, 
     payload: request 
    }; 
} 

Ich bin immer Antwort von anderen localhost:8000 zu Testzwecken.

Ich bin immer diese Fehler:

fehlgeschlagen http://localhost:8000/login laden: Antwort Anfrage Preflight nicht Zutrittskontrollprüfung bestehen: Nein "Access-Control-Allow-Origin-Header ist auf vorhanden die angeforderte Ressource . Origin 'http://localhost:3000' ist daher nicht erlaubt Zugriff.

Und das Konsolenprotokoll aus error.request

Answer 1

Sie 'Access-Control-Allow-Origin': '*', auf Server-Antwort-Header gesetzt sollte.

Weitere Einzelheiten finden Sie unter this answer.