2017-12-18 4 views
1

私はそれを呼び出すときにdata.jsonが奇妙なテキストを返すときに何が問題なのかよく分かりません。ローカルファイルからjsonが読み込まれました。

axios.get('./data.json').then(resp => { 
     console.log(resp) 
     console.log(resp.data) 
    }) 

試したJSON.parse(resp)は動作していないようです。

https://codesandbox.io/s/306ynznkk5

+0

にしてみてください? – Bergi

+0

'codesandbox.io'は動作していないようです。 JSON URLを入力すると、デフォルトのHTMLで応答します。バグを報告してください。 – Bergi

+0

CodeSandbox内のサンドボックスに欠陥があるようですが、コードは正しいです。ローカルのテストサーバーでWebサイトを開いてみてください。 'npm install -g http-server'を実行し、Webサイトのルートフォルダ内の端末で 'http-server -o'を実行すると、サイトが正しく動作することがわかります。 –

答えて

0

あなたは、JSONファイルからデータを取得するaxiosを必要といけません。 axiosは、サーバーへのXHR要求を行うためのライブラリです。もちろん "./data.json"はURLではありません。あなたの関数からの出力はテキストが見つかりません。

import React from 'react'; 
... 
import data from './data.json'; 

とどのような奇妙なテキストconsole.log(data);

+0

これはなぜ彼のコードがうまくいかないのか答えません。 –

+0

うん。ごめんなさい。答えは編集されました –

関連する問題