vue axios 請求封裝

2021-09-29 05:51:20 字數 1011 閱讀 1450

import axios from 'axios'

import router from '../router/index'

import from 'element-ui'

import from '@/utils/loading'

import from '@/utils/auth'

import qs from 'qs' // 引入qs模組,用來序列化post型別的資料,後面會提到

// 建立axios例項

const service = axios.create()

// request***

service.interceptors.request.use(

config =>

showfullscreenloading()

return config

},error =>

)// respone***

service.interceptors.response.use(

response => ,

error => //從哪個頁面跳轉})}

message()

return promise.reject(error)

})/** * get方法,對應get請求

* @param url [請求的url位址]

* @param params [請求時攜帶的引數]

*/export function get(url, params) )

.then(res => )

.catch(err => )

})}/**

* post方法,對應post請求

* @param url [請求的url位址]

* @param params [請求時攜帶的引數]

*/export function post(url, params) )

.catch(err => )

})}

封裝vue axios請求

util.js import axios from axios import qs from qs import from vant h5用的這個 const apiurl xx 訪問介面位址 設定超時時間 請求頭等 axios.defaults.timeout 30000 axios.defaul...

vue axios請求封裝

在src檔案下自定義乙個api.js import axios from axios 建立乙個axios物件 const 建立乙個唯讀檔案 const instance axios.create 請求攔截 所有的網路請求都會先走這個方法 instance.interceptors.request.u...

vue axios請求封裝

介紹就不多寫了,直接上 了!import axios from axios create an axios instance const service axios.create 請求引數處理 transformrequest function data return ret request int...