从本地文件读取json返回的html?

问题描述:

我不确定什么时候我的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',你会发现你的网站运行正常。 –

你不需要Axios公司从JSON文件中获取数据。 axios是一个库,用于向服务器发送XHR请求。当然“./data.json”不是一个url。然后从你的函数输出没有找到文本。

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

,并尝试console.log(data);

+0

这并不回答为什么他的代码在它应该时不工作。 –

+0

是的。对不起。答案已被编辑 –