在自己做的vue demo項(xiàng)目中,我想通過在本地添加一些json數(shù)據(jù),寫到j(luò)son文件中,并且通過異步請求獲取到,然后加載數(shù)據(jù)。
10年積累的網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)經(jīng)驗(yàn),可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你,你也不認(rèn)識我。但先做網(wǎng)站設(shè)計(jì)后付款的網(wǎng)站建設(shè)流程,更有華容免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
axios.get('http://localhost:8080/datas/json')
然而在這一過程中,我的訪問總是404.通過查閱,我發(fā)現(xiàn),在vue-cli基礎(chǔ)上構(gòu)建的項(xiàng)目中,只有static目錄才是vue-cli向外暴露的靜態(tài)數(shù)據(jù)文件夾,我放在static下的圖片可以正常訪問到,我是在static同級目錄新建了datas目錄,將json文件放入datas目錄,請求總是404,當(dāng)我將json文件放到static目錄下后,就可以正常訪問了。
這一特性一定要記住:
static目錄是vue-cli向外暴露的靜態(tài)文件夾,所有靜態(tài)數(shù)據(jù)都應(yīng)該放到static目錄中??!
以上這篇Vue-cli項(xiàng)目獲取本地json文件數(shù)據(jù)的實(shí)例就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持創(chuàng)新互聯(lián)。
網(wǎng)頁名稱:Vue-cli項(xiàng)目獲取本地json文件數(shù)據(jù)的實(shí)例
轉(zhuǎn)載注明:http://aaarwkj.com/article28/jegojp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供企業(yè)建站、做網(wǎng)站、軟件開發(fā)、App設(shè)計(jì)、網(wǎng)站排名、用戶體驗(yàn)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)