axios

1安裝npm install axios
在哪個組件用就在哪引包
import axios from ‘axios’
get請求
axios.get(‘http://localhost:3000/hers’).then(function(res){
請求成功會自動調用該方法
})。

將axios掛載到原型對象中

//Vue是構造函數
//所有組件都是Vue的實例
//任何構造函數都有原型對象
//Vue.prototype中的任何成員都可以在組件中通過this.xxx來訪問
//在main.js引入axios 然後掛在到Vue的原型
//爲了避免和組件本身數據衝突,建議給原型對象證據的成員叫$xxx

在這裏插入圖片描述
在這裏插入圖片描述

//那麼在任何組件中就不需要import axios 來導入直接$http來訪問axios

配置axios基準路徑解決每次寫路徑的麻煩

//配置axios基準路徑的基準路徑
//所有的axios請求都會把這個路徑作爲基準路徑去請求
axios.defaults.baseURL = 'http://localhost:8888/api/private/v1'

請求攔截

//所有axios發起的請求都要經過這裏
//
![在這裏插入圖片描述](https://img-blog.csdnimg.cn/20190603053554382.png)

```
axios.interceptors.equest.use(function(comfig){
//comfig就是本次請求的配置對象 可以配置
//在請求爛機器中定製請求頭 加入Authorization'數據
config.headers['Authorization']=window.localStorage.getItem('token')
//eturn config 類似有next
//return config就是放行的標誌 如過不寫請求就攔住了 請求發佈出去
return config
},function(error){
return Promise.reject(error)
})
```

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章