fetch獲取本地json資料

2021-10-01 22:39:08 字數 924 閱讀 7977

學習react的時候,想要獲取本地的json資料

目錄結構

想要的是獲取到name.json

後面想了一會,其實是很多的論壇說的不夠清楚,這裡的index應該是虛擬的index檔案,不是指的我上面放出來的目錄結構上 src–index.html。

因為我們在使用webpack對專案進行打包的時候,使用了html-webpack-plugin,當不指定contentbase的話dev-server的預設根目錄是在webpack.config同一級的目錄下,也就是說:這裡生成的虛擬index.html是在根目錄裡面的,也就是和webpack.config.js這些配置檔案是平級噢!

如果你手動指定了contentbase的話,再自己多檢查一下路徑吧!

接下來我在自己的專案中修改了一下路徑就對了!

可以先這樣試一下,看是不是可以(不論是否指定了contentbase,或者自己也很模糊虛擬index.html的位置,就按照下面的方法先試著獲取檔案內容吧,免得在專案裡搞暈了 -.-||| )

fetch路徑修改如下:親測可以!

componentwillmount()

).then

((data)

=>);})}

fetch獲取本地json檔案問題

寫這個部落格主要目的是有必要警醒一下自己,當然如果有其他猿有看到或許也能幫助下您。也許其它大神在就知道了,恕小弟無知,才剛剛開竅 問題很簡單 上碼 header.jsx fetchseldata then data catch e 上面是我用fetch獲取本地的乙個json檔案,宣告 是沒問題的。然...

獲取json資料

通過非同步獲取json來展示資料 效能提高不少。例項如下 前台 使用者名稱 密碼 非同步頁 將datatable轉化為json格式 public string datatabletojson datatable dt if i dt.rows.count 1 return json.tostring...

vue專案如何獲取本地json檔案資料

在專案根目錄有乙個static資料夾目錄,將所需要的json檔案放在該static目錄下,使用axios發起get請求獲取對應的json檔案資料 main.js import axios from axios 安裝axios後引入 vue.prototype.axios axios 將axios掛載...