vue3 axios二次封装

1. 使用请求拦截器，可以在请求拦截器中处理一些业务(开始进度条、请求头携带公共参数)

2. 使用响应拦截器，可以在响应拦截器中处理一些业务(进度条结束、简化服务器返回的数据、处理http网络错误)

1 先安装使用

npm install axios

2  新建一个文件夹 

// axios 二次封装，使用响应和请求拦截器
import axios from 'axios'
import { ElMessage } from 'element-plus'
import {useTokenStore} from "@/stores/token.js";
import router from '@/router/index.js'
// 一，使用create方法，创建axios实例（配置：基础路径，超时时间）
let instance= axios.create({
  // 基础路径 会携带/api前缀 相当于当前源拼接 baseURL 
  // 如果当前源是 5173，那么拼接后完整路径就是 http://localhost:5173/api
  // baseURL = '/api';  会与反向代码相对应࿰