javascript – Die Verwendung von fetch zum Anfordern von JSON-Daten in React gibt eine HTML-Seite zurück

Question

Frage

Im Reaktionscode muss ich eine Kartenkomponente rendern und JSON-Daten anfordern. Es wird erwartet, dass die JSON-Daten nach erfolgreicher Anforderung in die Kartenkomponente eingefügt werden, aber was ich in der Konsole sehe, ist der Inhalt in index.html werden keine JSON-Daten zurückgegeben.

Ich habe versucht, andere JSON-Dateien oder eine nicht vorhandene JSON-Datei anzufordern, und der Inhalt in index.html wurde zurückgegeben

Zugehörige Codes

 componentWillMount() {
   fetch('../data/wuhan.json')
   .then(function(response) {
     return response.json();
   })
   .then(function(json) {
     echarts.registerMap('wuhan', json);//注册地图组件
   })
   .then(function() {
     this.updataSeries();//处理series
   })
 };

Konsolenfehler

Meine Projektverzeichnisstruktur

Sehen Sie sich den angeforderten JSON-Code in der Konsole an, und was zurückgegeben wird, ist der Inhalt in index.html im öffentlichen Pfad

---

Bitte sagen Sie mir, was ist der Grund dafür? Die JSON-Anfrage war erfolglos?

Answer 1

fetch说白了就是个ajax请求，ajax必须在http协议下运行，放进public目录下，直接fetch('/wuhan.json')试试

Answer 2

不能 fetch 一个文件啊，或许你需要的是一个 json-server