問題描述眾所周知,在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')
}
})
}- 1 回答
- 0 關注
- 9657 瀏覽
添加回答
舉報
0/150
提交
取消
