我的項目是基于vue-cli搭建的;
一、在vue簡單使用axios的步驟:
1.安裝
? ? ? ? ??npm install axios --save
2.在main.js中引入
引入axios
3.在組件中使用
post方式
get方式
二、解決axios在ie瀏覽器下的兼容問題
雖然說axios是支持ie8+的,但是由于其原理是基于promise之上的,當(dāng)項目中用到es6語法等新知識時,會有不兼容ie的情況出現(xiàn),在控制臺查看,會發(fā)現(xiàn)報 “promise"未定義等錯。。
解決方法:
1.在項目中安裝babel-polyfill
? ? ?npm install --save babel-polyfill
2.在main.js中引入 import "babel-polyfill"
3.修改配置文件,即在webpack.base.conf.js這個文件中加入代碼 require("babel-polyfill")
完成以上步驟后,重啟下項目,在ie瀏覽器下數(shù)據(jù)便能正常獲取了~~~