vue3使用Promise 在拦截器封装请求

// 拦截器

import axios from "axios";
import { BASE_URL } from "@/config/url"; //前缀导入
const http = axios.create({
  baseURL: BASE_URL,
  timeout: 6000,
});

http.interceptors.request.use((cfg) => {
  return cfg;
});
http.interceptors.response.use((res) => {
  return res;
});

const request = (oldConfig = {}) => {
  const config = {
    method: "get",
    params: {},
    url:'',
    ...oldConfig,
  };
  return new Promise((resolve, reject) => {
    http[config.method](config.url, config.params)
      .then((res) => {
        resolve(res);
      })
      .catch((err) => {
        reject(err);
      });
  });
};

export default request;




//使用的时候

import request from "../utils/http";

export const getShopping = (params) =>
  request({
    url: "/shopping",
    params,
  });