全局通用 axios 请求封装
封装了 axios,你可以在 src
目录下所有文件中使用它 👇
ts
// src 下任何文件都是可用的
http.get("...");
http.post("...", { name: "张三", age: 20 });
// ... 以此类推
上述 http
是 axios
单独创建的实例,具有简单错误提示,以及响应数据转换。具体可见 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
取自环境变量文件 .env
的 VITE_API_BASE_URL
,默认为 /api
,可以按自己需求更改。
具体可见 👉 axios