axios的攔截請求與響應方法
更新時間：2018年08月11日 16:07:45 作者：小腰精
今天小編就為大家分享一篇axios的攔截請求與響應方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
比如發(fā)送請求顯示loading，請求回來loading消失之類的
import Vue from 'vue'
import App from './App.vue'
import axios from 'axios'
import Loading from './components/Loading'
import stores from './store/store.js'
axios不能use哦
// 請求攔截（配置發(fā)送請求的信息）
axios.interceptors.request.use(function (config){
// 處理請求之前的配置
return config;
}, function (error){
// 請求失敗的處理
return Promise.reject(error);
});
// 響應攔截（配置請求回來的信息）
axios.interceptors.response.use(function (response){
// 處理響應數據
return response;
}, function (error){
// 處理響應失敗
return Promise.reject(error);
});
Vue.prototype.$http = axios //其他頁面在使用axios的時候直接 this.$http就可以了
以上這篇axios的攔截請求與響應方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
防抖就是對于頻繁觸發(fā)的事件添加一個延時同時設定一個最小觸發(fā)間隔,防抖大家都學過,但是如何在?Vue3?里中將防抖做到極致呢,下面小編就來和大家詳細講講2023-10-10
這篇文章主要為大家介紹了vue3使用Facebook嵌入式視頻播放器API方法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-03-03
本文分步驟給大家介紹了基于vue cli重構多頁面腳手架過程，非常不錯，具有參考借鑒價值，需要的朋友參考下2018-01-01
這篇文章主要介紹了nuxt.js 緩存實踐，nuxt 的緩存可以分為 組件級別緩存 , API級別緩存 以及 頁面級別緩存，本文就詳細的介紹了這三種緩存，感興趣的小伙伴們可以參考一下2018-06-06
Vue項目通過node連接MySQL數據庫并實現增刪改查操作的過程詳解
最近在研究vue項目中使用node.js搭建server服務器,鏈接本地mysql數據庫,進行數據操作,下面這篇文章主要給大家介紹了關于Vue項目通過node連接MySQL數據庫并實現增刪改查操作的相關資料,需要的朋友可以參考下2022-05-05
解決webpack-bundle-analyzer的問題大坑
這篇文章主要介紹了解決webpack-bundle-analyzer的問題大坑，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06
這篇文章主要為大家詳細介紹了vue-table實現添加和刪除，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
這篇文章主要為大家介紹了vue3動態(tài)綁定背景圖片實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-10-10
這篇文章主要介紹了解決vue 退出動畫無效的問題，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2020-08-08
這篇文章主要介紹了vue 路由跳轉四種方式 (帶參數)，本文通過實例代碼給大家介紹的詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2019-04-04