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目錄中！ ！

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

相關文章：

vue2.0模擬錨點的實例

vue的mixins屬性詳解

vue2.0路由切換後頁面滾動位置不變BUG的解決方法

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