从公用文件夹中获取本地JSON文件

我认为你的论点是错误的。应该是这样的

fetch('data/mato.json')

你还需要通过一些 headers 指示 Content-Type 和 Accept 像 application/json 告诉您的客户,您正试图从服务器访问和接受一些JSON资源。

  const getData=()=>{
    fetch('data/mato.json'
    ,{
      headers : { 
        'Content-Type': 'application/json',
        'Accept': 'application/json'
       }
    }
    )
      .then(function(response){
        console.log(response)
        return response.json();
      })
      .then(function(myJson) {
        console.log(myJson);
      });
  }
  useEffect(()=>{
    getData()
  },[])

因此,fetch('data/mato.json')就足够了。

给出公共文件夹中的JSON文件名,并存储数据链接

componentDidMount() {
    fetch("./url.json")
      .then((res) => res.json())
      .then((data) => {
        this.setState({ links: data });
        console.log(this.state);
      });
  }

为什么使用fetch?我觉得速度很慢。。。 我认为这个解决方案会更好。。。 您可以将此行添加到索引中。html:

<script type="text/javascript" src="settings.js"></script>

然后在设置中。js您可以这样做:

 window.globalTS= {
  "site_url": "hi.com",
  "home_url": "hello.com"
};

现在,在您的组件中,您可以获得如下变量:

console.log(window.globalTS.site_url);