Vue集成 axios 與后端交互

首先需要下載 axios ,和vue-axios的依賴
npm install axios
npm install --save axios vue-axios
之后在main.js文件當(dāng)中加入依賴


這樣就完成了vue 對(duì)axios的集成
發(fā)起請(qǐng)求案例
url是后端的接口地址,訪問(wèn)之前要先解決跨域問(wèn)題

????????????????????????????
BUG解決
在安裝依賴時(shí) 由于是使用了開(kāi)源框架 vue element admin ,該框架當(dāng)中原有的axios已存在,所以我直接安裝vue-axios時(shí)發(fā)生了報(bào)錯(cuò)
錯(cuò)誤如下
這是因?yàn)榘姹緵_突導(dǎo)致的,我們將項(xiàng)目中依賴的版本改為0.20.0以上,之后重新install
或者直接在moud當(dāng)中刪除掉原來(lái)的axios重新 安裝即可

標(biāo)簽: