为什么 TS+Axios 提示不能将类型 "void" 分配给类型 "{}"？

题目描述

最近在学习TS+Vue3，自己找了一个Vue2项目想改写成Vue3，但是在封装axios的时候遇到问题了

相关代码

• serve/axios.ts文件

  import axios from 'axios';
  import { getStorage } from '@/utils/storage'
  const TIMEOUT: number = 18000
  
  // axios.defaults.retryDelay = 1000;
  // axios.defaults.retry = 4; 
  axios.defaults.baseURL = "http://127.0.0.1:8360/admin";
  axios.defaults.timeout = TIMEOUT;
  // 请求拦截器
  axios.interceptors.request.use((config) => {
    // console.log(config.headers);
    const token = getStorage('token');
    // console.log(token);
    if (token) {
        config.headers['X-Hioshop-Token'] = token;
    }
  
    // config.headers.common['X-Hioshop-Token'] = token;
    return config
  }, (error) => {
    return Promise.reject(error)
  });
  
  // 响应拦截器
  axios.interceptors.response.use((response) => {
    // console.log(response);
  
    if (response.data?.errno === 0) {
        return response.data.data;
    }
  
    else {
        return response
    }
  
  }, (error) => {
    console.log(error);
  
    return Promise.reject(error)
  });
  
  
  
  export default axios;
  

• serve/index.ts存放请求方法

  import axios from './axios';
  
  export async function post(url: string, params?: object) {
    const res = await axios({
        url: url,
        data: params,
        method: "post"
    }).catch(error => {
        console.log(error);
    })
  
    // console.log(res);
    return res;
  }
  
  export async function get(url: string, params?: object | string) {
    const res = await axios({
        url: url,
        params: params,
        method: 'get'
    }).catch(error => {
        console.log(error);
    })
    return res;
  }

• api.ts

  import { get } from '@/server';
  
  export function getWelCome(data?: object) {
    return get('index', data);
  }

• 组件中使用

  const getInfo =  () => {
  // console.log(getWelCome());
  getWelCome().then(res=>{
    console.log(res);
    allData.value = res;
  })
  };

你期待的结果是什么？实际看到的错误信息又是什么？

还是个菜鸟，还太会传说中的类型体操，希望大佬可以通俗一点儿