axios

最新推荐文章于 2024-07-29 13:58:45 发布

biubiu138

最新推荐文章于 2024-07-29 13:58:45 发布

阅读量193

点赞数 3

文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/2303_79460277/article/details/140762756

版权

import { message } from 'antd';
import axios from 'axios'
// 进度条
import nProgress from 'nprogress'
import 'nprogress/nprogress.css'



 axios.create({
  // 请求前缀
  baseURL: 'https://some-domain.com/api/',
  // 超时
  timeout: 1000,
  // headers: {'X-Custom-Header': 'foobar'}
});


// 添加请求拦截器
axios.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么

  // 进度条加载
  nProgress.start()

  // 添加token信息
  const token=localStorage.getItem('token')?localStorage.getItem('token'):''
    config.headers.Authorization=token
  



  return config;
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error);
});



// 添加响应拦截器
// axios.interceptors.response.use((data)=>{
//   //进度条关闭
//   nProgress.done()

  // 接口成功，但业务不正确
  // if(data.data.code==0){
  //     message.warning(data.message);
  // }

    // 接口数据省略data
//   return data.data
// })


// 添加响应拦截器
axios.interceptors.response.use(function (response) {
  // 2xx 范围内的状态码都会触发该函数。
  // 对响应数据做点什么

  //进度条关闭
  nProgress.done()

  return response;
}, function (error) {
  // 超出 2xx 范围的状态码都会触发该函数。
  // 对响应错误做点什么

  // 错误状态码
  switch (error.request.status) {
    case 404:
      message.warning('路径丢失！！')
      break;
    case 500:
      message.error('服务器内部错误')
      break;

  }
  return Promise.reject(error);
});


export default axios;