Vue-cli專案取得本地json檔案資料的實例
- 亚连原創
- 2018-05-31 17:39:241563瀏覽
下面我就為大家分享一篇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中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn