axios二次封装

 utils/request.js

//封装axios网络请求
import axios from "axios";

const service = axios.create({
    baseURL: "http://127.0.0.1:8088",
    timeout: 5000,
});

// 添加请求拦截器
service.interceptors.request.use(
    config => {

        return config
    },
    error => {

        return Promise.reject(error);
    }
)

// 添加响应拦截器
service.interceptors.response.use(
    response => {
        if (response.status !== 200) return Promise.reject(response.data)

        return response
    },
    error => {

        return Promise.reject(error.response);
    }
)

export default ({
    url,
    method = "GET",
    params = {},
    data = {},
    headers = {},
}) => {
    return service({
        url,
        method,
        params,
        data,
        headers,
    });
};

api/modules/test.js

import request from "@/utils/request";

export const test = () => {
    return request({
        url: "/api/getTest",
        method: "GET",
        data: {
        },
    });
};

api/index

//统一导出所有的API请求
import * as testApi from './modules/test';


export { testApi };

使用

<script>
import { testApi } from "@/api/index";

export default {
  components: {},
  created() {
    this.test();
  },
  methods: {
    async test() {
      try {
        const res = await testApi.test();
        console.log(res);
      } catch (error) {
        console.log(error);
      }
    },
  },
};
</script>