Vue->使用Axios發送網絡請求

前言

在jquery中使用的ajax發送網絡請求，javascript中使用XHR發送請求，那麼如何經過vue來請求咱們的接口數據呢？請聽我一一道來

第一步

安裝axios依賴庫

--save表明局部安裝
npm i --save axios
複製代碼

第二步

安裝成功以後，引入axios
引入分爲局部引入和全局引入
局部引入

//在組件內部引入
import axios from 'axios'
複製代碼

可是這樣會有點繁瑣，由於咱們會在每一個須要請求的組件中去import，有沒有辦法能夠解決呢，答案是確定的
咱們只須要在main.js加入如下兩行代碼，將axios掛載到全局，經過this調用就能夠很省事兒 全局引入

import axios from 'axxios'
Vue.prototype.$axios = axios
複製代碼

調用全局掛載的方法

this.$axios.get(''url)

複製代碼

.then((data) => { console.log(data) })

複製代碼

複製代碼

寫在最後

但願個人分享對你有所幫助，更多資訊請持續關注，我會分享愈來愈多的實戰經驗哦！ 或加入大前端知識體系社區一塊兒探索技術:608229520