2017-06-30 4 views
0

私はapache(localhost:80)からスタティック.jsonファイルを取得するためにreact-create-appサーバー(localhost:3000)でフェッチを使用しようとしていますが、私の反応index.htmlファイルのソースを返します!フェッチは私自身のindex.htmlのhtmlソースを返します

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

http://

+0

いくつかのコードはありますか? – Koralarts

+0

@Koralartsすみません。私はフェッチを追加しました。追加情報/コード –

+0

サーバコードをお尋ねください。それが正しいのですか? –

答えて

0

なんとも問題が反応-create-を作るに来る:完全修飾URLを試してみて、 "ネットワークのエラー" のポート番号結果

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

を指定

アプリケーションは、このガイドで説明されているローカルサーバーで作業します。https://daveceddia.com/create-react-app-express-backend/

要するに私のpackage.json内のローカルサーバのアドレスと等しい値を持つプロキシープロパティを設定する必要がありました。私の場合:

"proxy": "http://localhost:80" 
+0

クロムで「TypeError:フェッチできませんでした」、「TypeError:リソースをフェッチしようとしているときにNetworkErrorが発生しました。 on firefox –

+0

httpとhttpsをミックスしていますか? – Rostero

+0

私は答えを投稿した –

関連する問題