4-axios拦截器

import axios from "axios";
import {  ElNotification } from "element-plus";
import { useCookies
 } from '@vueuse/integrations/useCookies'

const server = axios.create({
  baseURL: "/api",
  timeout: 1000,
  headers: { "Content-Type ": "application/x-www-form-urlencoded" },
});

// 添加请求拦截器
server.interceptors.request.use(
  function (config) {
    // 在发送请求之前做些什么
    const cookie = useCookies();
    const token = cookie.get("token");
    if (token) {
      config.headers["token"] = token;
    }
    return config;
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error);
  }
);

// 添加响应拦截器
server.interceptors.response.use(
  function (response) {
    // 对响应数据做点什么
    return response.data.data;
  },
  function (error) {
    // 对响应错误做点什么
    ElNotification({
      message: error.response.data.msg || "请求失败",
      type: "error",
      duration: 3000,
    });
    return Promise.reject(error);
  }
);
export default server;

 

posted on 2025-10-15 16:52  shisanjun  阅读(6)  评论(0)    收藏  举报

导航