亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

Nuxtjs中的@nuxtjs/axios如何設置全局攔截器

Nuxtjs中的@nuxtjs/axios如何設置全局攔截器

紅糖糍粑 2018-10-23 11:24:51
問題描述眾所周知,在vue-cli開發中,我們可以二次封裝axios(設置攔截器、baseURL、timeout等)但是再nuxt開發中,我試過了不用@nuxt/axios,自己封裝一個axios,然后在需要用到的組件import進來,也成功用'@gauseen/nuxt-proxy進行的跨域處理,但是一直會報一個錯connect ECONNREFUSED 127.0.0.1:80,客戶端、服務端都會報錯(服務端在asyncData中使用axios請求),現在我改用@nuxt/axios解決,但是我想知道怎么設置一個全局的攔截器呢?
查看完整描述

1 回答

?
守候你守候我

TA貢獻1802條經驗 獲得超10個贊

nuxt.config.js

{  modules: [    '@nuxtjs/axios',
  ],

  plugins: [    '~/plugins/axios'
  ]
}

插件/ axios.js

export default function ({ $axios, redirect }) {
  $axios.onRequest(config => {    console.log('Making request to ' + config.url)
  })

  $axios.onError(error => {    const code = parseInt(error.response && error.response.status)    if (code === 400) {
      redirect('/400')
    }
  })
}


查看完整回答
反對 回復 2018-10-23
  • 1 回答
  • 0 關注
  • 9646 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號