首先需要聲明的是:本地請求,不用考慮跨域問題,這適用剛入坑的前端小白看,小白在做自己的項目時,通常都是用自己寫的json數據,之后用axios請求過來,渲染到頁面上。
1、cnpm install axios --save (在終端安裝 上axios,我是用的淘寶鏡像安裝的)
2、哪個組件使用axios方法請求數據,就在哪個組件里面引入,不用在main.js里面引入,不用改原型鏈
在組件的script標簽內寫: import axios from ‘axios’
3、在組件的methods配置項里使用axios
methods:{
fn(){
axios.get('url').then(function(res){
console.log(res.data)
}).catch(function(err){
console.log(err)
})
}
}
注意:在本地放置自己的json文件時,一定要放在項目的static文件夾下,因為static文件時,vue腳手架暴露在外面的靜態文件,放在其他文件內用相對路徑或絕對路徑是訪問不到的,這一點需要注意,踩了一下午坑,終於請求到本地的json數據了。