Nuxtjs中的@nuxtjs/axios如何设置全局拦截器

Question

问题描述

众所周知，在vue-cli开发中，我们可以二次封装axios（设置拦截器、baseURL、timeout等）
但是再nuxt开发中，我试过了不用@nuxt/axios，自己封装一个axios，然后在需要用到的组件import进来，也成功用'@gauseen/nuxt-proxy进行的跨域处理，但是一直会报一个错connect ECONNREFUSED 127.0.0.1:80，客户端、服务端都会报错(服务端在asyncData中使用axios请求)，现在我改用@nuxt/axios解决，但是我想知道怎么设置一个全局的拦截器呢？

Answer 1

nuxt.config.js{  modules: [    '@nuxtjs/axios',   ],   plugins: [    '~/plugins/axios'   ] }插件/ axios.jsexport 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')     }   }) }