1. 程式人生 > 其它 >Vue之axios請求封裝

Vue之axios請求封裝

例行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

比較簡單...基本也就是這樣了