axios简单二次封装

utils文件中创建http.js文件 封装axios

import axios from "axios";

// 创建axios实例
const http = axios.create({
  baseURL: "http://pcapi-xiaotuxian-front-devtest.itheima.net",
  timeout: 5000,
});

// axios请求拦截器
http.interceptors.request.use(
  (config) => {
    return config;
  },
  (e) => Promise.reject(e)
);

// axios响应式拦截器
http.interceptors.response.use(
  (res) => res.data,
  (e) => {
    return Promise.reject(e);
  }
);

export default http;

在src根目录中创建api文件夹 创建restAPI.js 存放所有api

import axios from "@/utils/http.js";

export const getCategory = () => {
  return axios({
    url: "home/category/head",
  });
};

vue中使用

<script setup>
import { onMounted } from "vue";
import { getCategory } from "@/apis/restAPI.js";
onMounted(async () => {
  const result = await getCategory();
  console.log(result);
});
</script>