javascript - 从本地文件读取json返回html？

Question

当我调用 data.json 时返回奇怪的文本时，我不确定出了什么问题。

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

尝试过 JSON.parse(resp) 它似乎不起作用。

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

Answer 1

您不需要 axios 从 json 文件获取数据。 axios 是一个向服务器发出 XHR 请求的库。当然“./data.json”不是一个网址。那么函数的输出是未找到文本。

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

并尝试console.log(data);