2017-12-18 183 views
1

我不確定什麼時候我的data.json返回奇怪的文本時,我叫它什麼是錯的。從本地文件讀取json返回的html?

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網址時,它會使用默認HTML進行響應。向他們提出一個錯誤。 – Bergi

+0

CodeSandbox內的沙箱似乎有缺陷,您的代碼是正確的。嘗試在本地測試服務器中打開您的網站。運行'npm install -g http-server',然後在你的網站根目錄下的終端中運行'http-server -o',你會發現你的網站運行正常。 –

回答

0

你不需要Axios公司從JSON文件中獲取數據。 axios是一個庫,用於向服務器發送XHR請求。當然「./data.json」不是一個url。然後從你的函數輸出沒有找到文本。

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

,並嘗試console.log(data);

+0

這並不回答爲什麼他的代碼在它應該時不工作。 –

+0

是的。對不起。答案已被編輯 –