fetch獲取本地json檔案問題

2021-08-05 22:39:35 字數 737 閱讀 1075

寫這個部落格主要目的是有必要警醒一下自己,當然如果有其他猿有看到或許也能幫助下您。(也許其它大神在就知道了,恕小弟無知,才剛剛開竅)。

問題很簡單:上碼( header.jsx)

fetchseldata = () => )

.then((data) => );})

.catch((e) => );

}

上面是我用fetch獲取本地的乙個json檔案,宣告**是沒問題的。然後我的本地檔案是放在在這個:

上面報的是json資料格式的有問題,所以就去看是不是資料的問題,json資料測試來測試去都沒問題呀……就這樣花費幾個小時浪費在json資料上還有fetch版本上,最後不得已找了個遠端資料來測試,是可以顯示的。那問題就很明顯了,報錯的原因是找不到路徑從而解析資料出錯。

經過網上一番好找終於找到答案了。

原因就是這個裡的「../」是相對你的首頁index.html而言的。所以將json資料放在相對index.html上問題就解決了。

fetch獲取本地json資料

學習react的時候,想要獲取本地的json資料 目錄結構 想要的是獲取到name.json 後面想了一會,其實是很多的論壇說的不夠清楚,這裡的index應該是虛擬的index檔案,不是指的我上面放出來的目錄結構上 src index.html。因為我們在使用webpack對專案進行打包的時候,使用...

vue 獲取本地的json檔案內容

很多時候我們需要從本地讀取json檔案裡面的內容,但是找了很久我都沒有找到比較實用的 所以分享一下我的vue獲取本地json檔案的方法。其實就是用模擬get請求的方法拿到json檔案,然後再解析,但是在這之前我們需要對請求頭做一下處理,否則拿不到檔案 const newinstance this.a...

讀取本地json檔案,解析json

data.json 檔案同目錄下 import json 引入模組 count 1 開啟乙個json檔案 data open data.json encoding utf 8 轉換為python物件 strjson json.load data flag false lockflag false w...