vue3+ts+vite中封装axios,使用方法从0到1

一、安装axios

npm install axios @types/axios --save

二、配置代理vite.config.ts，如果没有需要新建该文件

module.exports = {
   
   
  server: {
   
   
    proxy: {
   
   
      '/api': {
   
   
        target: 'http://localhost:5000', // 设置代理目标
        changeOrigin: true, // 是否改变请求源地址
        rewrite: (path) => path.replace(/^\/api/, '') // 将 /api 替换为空字符串
      }
    }
  }
};

三、新建utils文件夹，在utils文件夹下新建http.ts文件和methods.ts,如图：

http.ts文件内容：

import axios from 'axios';
import type  {
   
    AxiosRequestConfig, AxiosResponse, AxiosError } from 'axios';

// 创建axios实例
const instance = axios.create({
   
   
   baseURL: '/api', // 设置API的基础URL
});

// 请求拦截器
instance.interceptors.request.use(