Vue中如何使用axios請求攔截和響應攔截

2021-10-04 03:09:56 字數 1890 閱讀 3164

vue中如何使用axios請求攔截和響應攔截,首先要建立乙個模組做請求攔截和響應攔截…

/**

* 此模組為封裝的axios,分發不同網域名稱的介面和請求自動新增token

*/import vue from

'vue'

import axios from

"axios"

;import cookie from

'./cookie'

;import baseurl from

'./baseurl'

;import

from

"element-ui"

;import qs from

"querystring"

vue.

component

(message.name, message)

;var instance = axios.

create()

;instance.interceptors.request.

use(

(config)

=>

if(url.

indexof

("/agentjs/"

)>-1

|| url.

indexof

("/nxadmindzyxjs/"

)>-1

|| url.

indexof

("/nxdzyxjs/"

)>-1

|| url.

indexof

("/dzyxjs/"

)>-1

)return config;},

(err)

=>);

instance.interceptors.response.

use(

(res)

=>}if

(res.data.responsecode ==

"400005"

|| res.data.responsecode ==

"9998"

)return res;},

(err)

=>);

export

default instance;

以上模組為封裝的axios,分發不同網域名稱的介面和請求自動新增token

將以上模組引入至main.js中

()引入候掛載vue原型上,之後可以通過this.$axios使用…

vue中如何使用axios

npm install axios在main.js中引入import axios from axios 然後在vue原型上新增vue.prototype.axios axiosthis.axios或者axios 1.引數一表示請求位址 2.引數二表示配置資訊 3.params表示傳遞到伺服器端的資料...

Vue 如何使用axios實現同步請求

在vue專案中我們經常會使用axios來與後台進行資料傳輸,非同步請求可以改善使用者體驗。但是在某些特殊情況,我們依然需要使用同步請求來實現互動。本文將講解如何在vue專案中使用axios實現同步請求。問題分析 我們知道,在傳統的ajax方法中,我們可以使用引數async設定為false來表示同步請...

Vue使用axios跨域請求

首先說axios跨域的問題,使用vue必然要請求api介面獲得資料,那麼跨域的問題也隨之而來,你總會碰到的。下面針對解決使用axios請求 服務端,返回 access control allow 和 405 method not allowed http訪問控制 cors 強烈建議仔細閱讀 下面根據...