Vue-cli專案如何取得本地的json文件

這次帶給大家Vue-cli專案如何取得本地的json文件，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-cli專案取得本地json檔案資料的實例就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

如何修改vue請求資料中的值

vue.js中$set怎樣給數組更新

以上是Vue-cli專案如何取得本地的json文件的詳細內容。更多資訊請關注PHP中文網其他相關文章！