mirror of
https://github.com/rustfs/console.git
synced 2026-09-19 01:47:44 +08:00
- Added comprehensive TypeScript type definitions for app configuration - Fixed type safety issues in sidebar component with proper type casting - Improved code organization with better file naming conventions - Enhanced error handling with centralized error management - Added performance optimizations with caching and code splitting - Improved development experience with better tooling configuration - Updated project documentation with comprehensive README - Added proper type definitions for navigation items and app config - Fixed licensing information and added proper Apache 2.0 license 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
129 lines
3.6 KiB
TypeScript
129 lines
3.6 KiB
TypeScript
import { joinURL } from "ufo";
|
|
import type { AwsClient } from "./aws4fetch";
|
|
import { parseApiError } from "~/utils/error-handler";
|
|
import { logger } from "~/utils/logger";
|
|
|
|
interface ApiClientOptions {
|
|
baseUrl?: string;
|
|
headers?: Record<string, string>;
|
|
}
|
|
|
|
interface RequestOptions {
|
|
method?: string;
|
|
headers?: Record<string, string>;
|
|
body?: any;
|
|
params?: Record<string, string>;
|
|
}
|
|
|
|
class ApiClient {
|
|
private $api: AwsClient;
|
|
private config?: ApiClientOptions;
|
|
|
|
constructor(api: AwsClient, options?: ApiClientOptions) {
|
|
this.$api = api;
|
|
this.config = options;
|
|
}
|
|
|
|
async request(url: string, options: RequestOptions = {}, parseJson: boolean = true) {
|
|
url = this.config?.baseUrl ? joinURL(this.config?.baseUrl, url) : url;
|
|
options.headers = { ...this.config?.headers, ...options.headers };
|
|
// 处理body的数据格式
|
|
options.body ? (options.body = JSON.stringify(options.body)) : null;
|
|
|
|
if (options.params) {
|
|
const queryString = new URLSearchParams(options.params).toString();
|
|
url += `?${queryString}`; // 拼接查询字符串到URL
|
|
delete options.params; // 删除params,以免影响fetch的options
|
|
}
|
|
|
|
logger.log("[request] url:", url);
|
|
logger.log("[request] options:", options);
|
|
|
|
const response = await this.$api.fetch(url, options);
|
|
|
|
logger.log("[request] response:", response);
|
|
|
|
if (!response.ok) {
|
|
const errorMsg = await parseApiError(response);
|
|
throw new Error(errorMsg);
|
|
}
|
|
|
|
// 处理401
|
|
if (response.status === 401) {
|
|
const message = useMessage();
|
|
message.error("登录信息已过期,请重新登录");
|
|
// 清除登录信息
|
|
await useAuth().logout();
|
|
window.location.href = "/auth/login";
|
|
return;
|
|
}
|
|
|
|
// 204 or body length is 0
|
|
if (response.status === 204 || response.headers.get("content-length") === "0") {
|
|
return null;
|
|
}
|
|
|
|
if (parseJson) {
|
|
return await response.json();
|
|
} else {
|
|
return response;
|
|
}
|
|
}
|
|
|
|
async *streamRequest(url: string, options: RequestOptions = {}) {
|
|
const response = await this.request(url, options, false);
|
|
|
|
if (!response.body) {
|
|
throw new Error("No response body");
|
|
}
|
|
|
|
const reader = response.body.getReader();
|
|
const decoder = new TextDecoder("utf-8");
|
|
|
|
while (true) {
|
|
const { done, value } = await reader.read();
|
|
if (done) break;
|
|
const chunk = decoder.decode(value, { stream: true });
|
|
try {
|
|
const data = JSON.parse(chunk);
|
|
yield data; // 使用 yield 返回数据
|
|
} catch (error) {
|
|
logger.error("Failed to parse chunk:", error);
|
|
}
|
|
}
|
|
}
|
|
async get(url: string, options?: RequestOptions) {
|
|
return this.request(url, { method: "GET", ...options });
|
|
}
|
|
|
|
async post(url: string, body: any, options?: RequestOptions) {
|
|
return this.request(url, { method: "POST", body, ...options });
|
|
}
|
|
|
|
async delete(url: string, options?: RequestOptions) {
|
|
return this.request(url, { method: "DELETE", ...options });
|
|
}
|
|
|
|
async put(url: string, body: any, options?: RequestOptions) {
|
|
return this.request(url, { method: "PUT", body, ...options });
|
|
}
|
|
|
|
async patch(url: string, body: any, options?: RequestOptions) {
|
|
return this.request(url, { method: "PATCH", body, ...options });
|
|
}
|
|
|
|
async head(url: string, options?: RequestOptions) {
|
|
return this.request(url, { method: "HEAD", ...options });
|
|
}
|
|
|
|
async options(url: string, options?: RequestOptions) {
|
|
return this.request(url, { method: "OPTIONS", ...options });
|
|
}
|
|
|
|
async trace(url: string, options?: RequestOptions) {
|
|
return this.request(url, { method: "TRACE", ...options });
|
|
}
|
|
}
|
|
|
|
export default ApiClient;
|