Fetch gibt HTML-Quelle des eigenen Index.html zurück

Question

Ich versuche fetch in einem react-create-app-Server zu verwenden (localhost: 3000), um eine statische .json-Datei von meinem Apache (localhost: 80) zu bekommen gibt die Quelle meiner react index.html Datei zurück!

Portnummer Ergebnisse Angabe in "Vernetzung Fehler"

const that=this; 
fetch("localhost/myapp/data/structure.json").then((res)=> {return res.text()}) 
       .then(((data)=>{that.setState({structure: data})})).catch((e)=>{alert(e.toString())}); 

Answer 1

Geradezu das Problem zu machen kommt reagieren-CREATE- App arbeitet mit einem lokalen Server, der in diesem Handbuch erklärt wird https://daveceddia.com/create-react-app-express-backend/

Kurz gesagt, ich musste eine Proxy-Property mit dem Wert gleich der Adresse meines lokalen Servers in meinem Paket.json setzen. In meinem Fall:

"proxy": "http://localhost:80" 

Answer 2

Versuchen Sie, eine vollständige URL:

const that=this; 
fetch("http://localhost/myapp/data/structure.json").then((res)=> {return res.text()}) 
       .then(((data)=>{that.setState({structure: data})})).catch((e)=>{alert(e.toString())}); 

Notiere die http://