axios.interceptors.request.use(攔截器)

axios.interceptors.request.use(攔截器)

//請求
axios.interceptors.request.use(
  function(config) {
    if (config.method === 'get' && config.url != undefined) {
      if (config.params == undefined) {
        config.params = {}
      }
      config.params.__preventCache = new Date().getTime()
    }
    config.withCredentials = true // 允許攜帶token ,這個是解決跨域產(chǎn)生的相關(guān)問題
    return config
  },
  function(error) {
    return Promise.reject(error)
  }
)
//返回狀態(tài)判斷
axios.interceptors.response.use(
  response => {
    return response
  },
  error => {
    if (error.response.status == '401') {
      if (process.env.NODE_ENV === 'local') {
        window.location.href = '/#/login'
      } else {
        window.location.href =
          loginUrl + '?app=7&redirect=' + encodeURIComponent(document.URL)
      }
    } else if (error.response.status == '400') {
      ElementUI.Message.error(error.response.data.message)
    } else {
      ElementUI.Message.error(error.response.data.message)
    }
    return Promise.reject(error)
  }
)
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • axios 是一個基于 Promise 的http請求庫,可以用在瀏覽器和node.js中 備注: 每一小節(jié)都會從...
    Polaris_ecf9閱讀 700評論 0 1
  • Vue項目越做越多,Axios一直作為請求發(fā)送的基礎(chǔ)工程,這里就深究一下Axios的攔截器相關(guān)的一些邏輯和對應(yīng)一個...
    RandyZhang閱讀 32,926評論 9 31
  • 頁面發(fā)送http請求,很多情況我們要對請求和其響應(yīng)進行特定的處理;如果請求數(shù)非常多,單獨對每一個請求進行處理會變得...
    歲末Zzz閱讀 1,998評論 0 0
  • axios 基于 Promise 的 HTTP 請求客戶端,可同時在瀏覽器和 node.js 中使用 功能特性 在...
    Yanghc閱讀 3,746評論 0 7
  • Axios是一個基于Promise的HTTP請求庫,可以用在瀏覽器和Node.js中。平時在Vue項目中,經(jīng)常使用...
    多啦斯基周閱讀 920評論 0 0

友情鏈接更多精彩內(nèi)容