Vue-cli項目擷取本地json檔案資料的執行個體，vue-clijson

Vue-cli項目擷取本地json檔案資料的執行個體，vue-clijson

在自己做的vue demo項目中，我想通過在本地添加一些json資料，寫到json檔案中，並且通過非同步請求擷取到，然後載入資料。

axios.get('http://localhost:8080/datas/json')

然而在這一過程中，我的訪問總是404.通過查閱，我發現，在vue-cli基礎上構建的項目中，只有static目錄才是vue-cli向外暴露的待用資料檔案夾，我放在static下的圖片可以正常訪問到，我是在static同級目錄建立了datas目錄，將json檔案放入datas目錄，請求總是404，當我將json檔案放到static目錄下後，就可以正常訪問了。

這一特性一定要記住：

static目錄是vue-cli向外暴露的靜態檔案夾，所有待用資料都應該放到static目錄中！！

以上這篇Vue-cli項目擷取本地json檔案資料的執行個體就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支援幫客之家。