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

在自己做的vue demo項目中，我想通過在本地添加一些json數(shù)據(jù)，寫到j(luò)son文件中，并且通過異步請求獲取到，然后加載數(shù)據(jù)。axios.get('http://localhost:8080/datas/json')

然而在這一過程中，我的訪問總是404.通過查閱，我發(fā)現(xiàn)，在vue-cli基礎(chǔ)上構(gòu)建的項目中，只有static目錄才是vue-cli向外暴露的靜態(tài)數(shù)據(jù)文件夾，我放在static下的圖片可以正常訪問到，我是在static同級目錄新建了datas目錄，將json文件放入datas目錄，請求總是404，當我將json文件放到static目錄下后，就可以正常訪問了。

這一特性一定要記住：

static目錄是vue-cli向外暴露的靜態(tài)文件夾，所有靜態(tài)數(shù)據(jù)都應(yīng)該放到static目錄中！！

上面是我整理給大家的，希望今后會對大家有幫助。

相關(guān)文章：

總結(jié)

以上是生活随笔為你收集整理的vue获取本地php数据,Vue-cli项目获取本地json文件数据的实例的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。