Wie Header Anfrage in reactjs setzen

Question

Ich versuche Access-Control-Allow-Origin einstellen zu können, den folgenden Fehler überspringen:

XMLHttpRequest cannot load http://www.test.dev:8090/glasses/import/log/qa/qa2/20170106?headers%5BAc…llow-Headers%5D=Origin%2C%20X-Requested-With%2C%20Content-Type%2C%20Accept. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.test.dev:3000' is therefore not allowed access. 

Aber ich bin nicht das gewünschte Ergebnis zu bekommen. Die Client-Seite ist in reactjs implementiert und sendet eine get-Anfrage an eine Python-Web-App. Hier ist mein Code:

class InfoBox extends Component { 
    constructor() { 
    super(); 
    this.state = {items:[]}; 
    } 

    componentDidMount() { 
    Request.get('http://www.test.dev:8090/glasses/import/log/qa/qa2/20170106', { 
     headers:{ 
     "Access-Control-Allow-Origin": "*", 
     "Access-Control-Allow-Headers": "Origin, X-Requested-With, Content-Type, Accept" 
     } 
    }) 
     .then((response) => { 
     this.setState({items:response}); 
    }); 
    } 
    render() { 
     const content = this.state.items.map(function(item) {return <div>{item}</div>}); 
     return (
     <div >{content}</div> 
    ); 
    } 
} 

Answer 1

CORS nicht aktiviert ist von der client Seite, sondern der Server-Seite.

In einer normalen http Anfrage sendet der Browser zunächst eine Option Anfrage, um zu überprüfen, dass die Quelle die Erlaubnis hat, auf die Ressourcen zuzugreifen. Der Server antwortet mit dem Header Access-Control-Allow-Origin. Wenn die Quelle in den Headern erwähnt wird, sendet der Browser dann die entsprechende PUT, POST, GET, DELETE Anfrage.

Sie müssen in Sie diese Header angeben python server reponse