Vue3拦截器里封装请求方法

最新推荐文章于 2025-08-10 10:28:17 发布

原创最新推荐文章于 2025-08-10 10:28:17 发布 · 551 阅读

10 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js

// 拦截器
import * as url  from "../config/url";    //导入url前缀
import axios from "axios";

const http = axios.create({
  baseURL: url.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: {},
    ...oldConfig,
  };
  return new Promise((resolve, reject) => {
    http[config.method](config.url, config.params)
      .then((res) => {
        resolve(res);
      })
      .catch((err) => {
        reject(err);
      });
  });
};

export default request;