axios简单二次封装_axios response.config.notips-优快云博客

本文链接：https://blog.youkuaiyun.com/weixin_43575775/article/details/128889780

该代码创建了一个axios实例，设置了基础URL、超时时间及Content-Type头部。它包含请求和响应拦截器，用于添加令牌、参数以及处理错误。请求拦截器添加了X-ACCESS-TOKEN、mid、lang等头部信息，响应拦截器处理了状态码为200的情况以及401错误，同时也对特定错误进行了无提示处理。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

import axios from 'axios';
import { getToken } from '@/utils/tools'
import appIdConfig from '@/config/appId'
import Toast from '@/components/toast/index'
import store from '@/store/index'

const api = axios.create({
  baseURL: process.env.BASE_API,
  timeout: 30000,
  headers: { 'content-type': 'application/json' }
});

// 请求拦截
api.interceptors.request.use(config => {
  config.headers = Object.assign(config.headers, { 'X-ACCESS-TOKEN': store.state.token || '', 'mid': 32, 'lang': sessionStorage.lang || 'zh' })
  let store_id = sessionStorage.store_id || '',
    lang = sessionStorage.lang
  if (!config.params) {
    config.params = {}
  }
  config.params['lang'] = lang
  if (store_id) {
    config.params['store_id'] = store_id
  }
  return config;
}, error => {
  return Promise.reject(error);
});

// 响应拦截
api.interceptors.response.use(
  response => {
    if (response.status === 200) {
      return Promise.resolve(response.data);
    }
    // console.log('response',response)
    // return Promise.reject(response);
  },
  (error) => {
    // 不提示错误的url 请求
    let urls = [
      'integral/v1/lottery/activities/start',
      '/integral/v1/lottery/activities/',
      '/groupBuy/v1/goods/goods/goods-detail',
      '/integral/v1/goods/goods/',
      '/groupBuy/v1/store/stores',
      '/integral/v1/integral/integral/user-integral'
    ]
    let notips = urls.filter((url) => { return error.config.url.includes(url) })
    if (error.response.status === 401) {
      getToken();
    } else {
      let errMsg = error.message;
      const resData = error.response.data;
      if (resData) {
        errMsg = (resData.data && resData.data.errorMessage) || resData.errors[0] || resData.message;
      }
      if (notips.length === 0) {
        let ToastOptions = {
          content: errMsg,
          type: '',
          duration: 5000 //所有的提示变为5s
        }
        Toast.message(ToastOptions)
      }

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

export default api;