下面我就為大家分享一篇Vue-cli項目獲取本地json文件數據的實例，具有很好的參考價值，希望對大家有所幫助。

在自己做的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获取本地php数据,Vue-cli项目获取本地json文件数据的实例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。