Skip to content

全局通用 axios 请求封装

封装了 axios,你可以在 src 目录下所有文件中使用它 👇

ts
// src 下任何文件都是可用的
http.get("...");
http.post("...", { name: "张三", age: 20 });
// ... 以此类推

上述 httpaxios 单独创建的实例,具有简单错误提示,以及响应数据转换。具体可见 src/composables/http.ts

如果你喜欢响应式风格和 swr,可以跟 vue-request 一起使用

ts
import { useRequest } from "vue-request";

const { data, error, loading } = useRequest(() => http.get("..."));

loading.value; // 是否加载中

error.value; // 错误内容

data.value; // 响应数据

http 实例的 baseURL 取自环境变量文件 .envVITE_API_BASE_URL,默认为 /api,可以按自己需求更改。

具体可见 👉 axios