javascript - react中用fetch請求json數據，回傳的是html頁面

Question

問題

在react程式碼中需要渲染一個地圖元件，請求了一個json數據，預期是請求成功後將json數據注入到地圖組建中去，但是在控制台中看到的是返回的是index.html裡面的內容，並沒有回傳json資料。

我試了下請求別的json檔案或是一個不存在的json文件，回傳的也是index.html裡面的內容

相關程式碼

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

控制台報錯

#我的專案目錄結構

##控制台中檢視請求的json，回傳的是 public路徑中的 index.html裡面的內容

---

#請教下各位，這是什麼原因造成的，json一直請求不成功？

Answer 1

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

Answer 2

不能 fetch 一個檔案啊，或許你需要的是一個 json-server