在自己做的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文件數據的實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。