溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
其實關于這個問題，網上已經可以找到些方法，不過基本上沒有完整的，或者是其中有些坑，下面寫一下自己的親身實踐。
使用vue讀取本地json文件需要安裝vue-resource插件，然后使用它的$http.get來讀取json文件。
json文件應該是必須放在static目錄下
然后使用npm install 命令安裝vue-resource，太慢的話就使用淘寶鏡像安裝,安裝完成后先引用這個組件。
在main.js文件中添加：
import VueResource from 'vue-resource'
然后：
Vue.use(VueResource)
最后讀取json數據：
this.$http.get('static/map/china.json').then(res => {
console.log("json數據為:" + res.body)//此處的res對象包含了json的文件信息和數據，我們需要的json數據存在于body屬性中
})
這樣就能讀取json數據了！
以上這篇在vue中讀取本地Json文件的方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
