Vue----axios攔截器的使用


import axios from 'axios'

export function request(config){
return new Promise((resolve, reject) => {
    //1.創建實例--配置
const instance = axios.create({
    baseURL: '地址',
    timeout: 5000
})

//2.axios攔截器--request請求攔截(需求:攔截后修改配置信息)---
instance.interceprors.request.use(config => {
    console.log(config);//這里打印的是一些成功后的請求配置信息
    //request請求攔截(需求:攔截后修改配置信息,2.配置請求動畫圖標3.某些網絡請求-登錄攜帶token
    return config  //攔截后要返回,不然報錯,接收不到數據
}, err => {
    console.log(err);
})
 //響應攔截
instance.interceprors.response.use(res => {
   return res //返回--不認別的地方拿不到這個數據
}, err => {
    
})

//3.發送真正的網路請求--引用配置
instance(config)
    .then(res => {
        //將獲取到的數據返回給引用者--通過resolve函數
        resolve(res)
    })
    .catch(err => {
        reject(err)
    })
})
}

  


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM