devbox
菜鸟追梦旅行
这个屌丝很懒，什么也没留下！
关注作者
热门标签
热门文章
当前位置:   article > 正文

vue3 elementPlus axios请求配置（全局提示，接口请求动画）_elementplusaxios

作者：菜鸟追梦旅行 | 2024-02-14 22:24:44

赞

踩

elementplusaxios
  1. import axios from 'axios';
  2. import { showMessage } from './status' // 接口请求失败的状态码
  3. import { ElMessage, ElLoading } from 'element-plus'
  4.  
  5. let loading: any = null
  6. const loadingConfig = { // ElLoading 的加载动画
  7.     lock: true,
  8.     text: 'Loading',
  9.     background: 'rgba(0, 0, 0, 0.7)'
  10. }
  11. console.log(localStorage.getItem("token"));
  12.  
  13. const service = axios.create({
  14.     baseURL: import.meta.env.VITE_BASE_URL + '/', // url = base url + request url
  15.     timeout: 600000,
  16.     withCredentials: true, // send cookies when cross-domain requests
  17.     // headers: {
  18.     //     "Cache-Control": "no-cache",
  19.     //     Pragma: "no-cache",
  20.     // },
  21. })
  22. declare module "axios" {
  23.     interface AxiosResponse<T = any> {
  24.         errorinfo: null;
  25.         // 这里追加你的参数
  26.     }
  27.     export function create(config?: AxiosRequestConfig): AxiosInstance;
  28. }
  29.  
  30. const loadingWhiteList = ['/trade/pay/send/result/search'] // 请求白名单
  31. // axios实例拦截请求
  32. service.interceptors.request.use(
  33.     config => {
  34.         console.log("
    声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/菜鸟追梦旅行/article/detail/82158
    推荐阅读
    相关标签

Copyright © 2003-2013 www.wpsshop.cn 版权所有，并保留所有权利。