javascript - Menggunakan fetch untuk meminta data json dalam react mengembalikan halaman html

Question

Soalan

Dalam kod tindak balas, saya perlu membuat komponen peta dan meminta data json Dijangkakan bahawa data json akan disuntik ke dalam komponen peta selepas permintaan itu berjaya, tetapi apa yang saya lihat dalam konsol ialah kandungannya. dalam index.html dikembalikan. Tiada data json dikembalikan.

Saya cuba meminta fail json lain atau fail json yang tidak wujud, dan kandungan dalam index.html telah dikembalikan

Kod berkaitan

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

Ralat konsol

Struktur direktori projek saya

Lihat json yang diminta dalam konsol, dan apa yang dikembalikan ialah kandungan dalam index.html dalam laluan awam

---

Sila beritahu saya, apakah sebabnya permintaan json tidak berjaya?

Answer 1

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

Answer 2

Tidak boleh fetch Fail, mungkin yang anda perlukan ialah pelayan json