nuxt axios 封装

// plugins/axios.js
import axios from 'axios';

export default function ({ $axios, redirect }) {
  // 请求拦截器
  $axios.onRequest(config => {
    console.log('Making request to ' + config.url);
    // 可以在这里添加 token 等
    config.headers.common['Authorization'] = 'Bearer ' + localStorage.getItem('token');
  });

  // 响应拦截器
  $axios.onResponse(response => {
    console.log('Response:', response);
    return response;
  });

  // 错误拦截器
  $axios.onError(error => {
    const code = parseInt(error.response && error.response.status);
    if (code === 404) {
      redirect('/404');
    }
    return Promise.reject(error);
  });
}

export default {
  plugins: [
    '~/plugins/axios.js'
  ]
}

$axios.defaults.timeout = 5000; // 设置超时时间为5秒

$axios.onError(error => {
  if (error.response) {
    // 请求已发出，但服务器响应的状态码不在 2xx 范围内
    console.log(error.response.data);
    console.log(error.response.status);
    console.log(error.response.headers);
  } else if (error.request) {
    // 请求已发出，但没有收到响应
    console.log(error.request);
  } else {
    // 在设置请求时触发了错误
    console.log('Error', error.message);
  }
  console.log(error.config);
  return Promise.reject(error);
});