Vue之axios請求封裝
阿新 • • 發佈:2021-07-01
例行BB。請求封裝是非常有必要的,究其原因是因為在實際專案開發過程中,介面的地址會經常發生變更(本地環境、開發環境、測試環境、預釋出環境、生產環境等等)所以同意的封裝便於管理。那麼下面開始
//axios 請求模組 import axios from 'axios' //request 接收例項 const request = axios.create({ baseURL: 'http://127.0.0.1:3000', //基礎路徑 headers: { 'X-Requested-With': 'XMLHttpRequest', 'Content-Type': 'application/json; charset=UTF-8' }, timeout:40000 }) //全域性請求攔截 service.interceptors.request.use( config => { return config }, error => { Promise.reject(error) } ) //全域性響應攔截 service.interceptors.response.use( response => { const res = response.data; return res }, error => { } )//匯出request模組 export default request
比較簡單...基本也就是這樣了