feat: 添加 API 客户端以处理 basePath 并更新所有 fetch 调用

移除 next.config.js 中的 standalone 输出配置,添加 lib/api-client.ts 封装 fetch 请求,
自动为所有 API 调用添加配置的 basePath。更新所有页面和组件中的 fetch 调用以使用新的 fetchApi 函数,
确保在部署到子路径时 API 请求能正确工作。同时调整 tsconfig.json 的格式并修复项目创建时的字段名。
This commit is contained in:
2026-01-28 15:54:19 +08:00
parent 7948b1afc7
commit fc9cfda29e
21 changed files with 118 additions and 65 deletions

View File

@@ -4,6 +4,7 @@ import { useState } from 'react';
import { Button } from '@/components/ui/button';
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card';
import { Target, Loader2, Sparkles, CheckCircle } from 'lucide-react';
import { fetchApi } from '@/lib/api-client';
interface InitWizardProps {
onComplete: () => void;
@@ -19,7 +20,7 @@ export function InitWizard({ onComplete }: InitWizardProps) {
setError(null);
try {
const res = await fetch('/api/seed', { method: 'POST' });
const res = await fetchApi('/api/seed', { method: 'POST' });
const data = await res.json();
if (!res.ok) {

View File

@@ -30,6 +30,7 @@ import {
AlertDialogTitle,
AlertDialogTrigger,
} from '@/components/ui/alert-dialog';
import { fetchApi } from '@/lib/api-client';
const taskSchema = z.object({
title: z.string().min(1, '计划标题不能为空'),
@@ -145,7 +146,7 @@ export function TaskEditDialog({
const url = task ? `/api/tasks/${task.id}` : '/api/tasks';
const method = task ? 'PATCH' : 'POST';
const taskRes = await fetch(url, {
const taskRes = await fetchApi(url, {
method,
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
@@ -193,7 +194,7 @@ export function TaskEditDialog({
const localSteps = steps.filter(s => s.id.startsWith('temp-'));
if (localSteps.length > 0) {
await Promise.all(localSteps.map(step =>
fetch('/api/task-steps', {
fetchApi('/api/task-steps', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
@@ -223,7 +224,7 @@ export function TaskEditDialog({
try {
setIsDeletingTask(true);
await fetch(`/api/tasks/${task.id}`, { method: 'DELETE' });
await fetchApi(`/api/tasks/${task.id}`, { method: 'DELETE' });
toast.success('计划已删除');
onSuccess();
onOpenChange(false);
@@ -241,7 +242,7 @@ export function TaskEditDialog({
// If task exists, save step to DB immediately
if (task) {
try {
const res = await fetch('/api/task-steps', {
const res = await fetchApi('/api/task-steps', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
@@ -295,7 +296,7 @@ export function TaskEditDialog({
}
try {
const res = await fetch('/api/task-steps', {
const res = await fetchApi('/api/task-steps', {
method: 'PATCH',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({
@@ -320,7 +321,7 @@ export function TaskEditDialog({
}
try {
const res = await fetch(`/api/task-steps?id=${stepId}`, { method: 'DELETE' });
const res = await fetchApi(`/api/task-steps?id=${stepId}`, { method: 'DELETE' });
if (res.ok) {
setSteps(steps.filter(s => s.id !== stepId));
}

View File

@@ -2,6 +2,7 @@
import { createContext, useContext, useState, useEffect, useCallback, ReactNode } from 'react';
import type { User } from '@/types/database';
import { fetchApi } from '@/lib/api-client';
interface UserContextType {
currentUser: User | null;
@@ -26,7 +27,7 @@ export function UserProvider({ children }: { children: ReactNode }) {
const refreshUsers = useCallback(async () => {
try {
const res = await fetch('/api/users');
const res = await fetchApi('/api/users');
if (res.ok) {
const data = await res.json();
setUsers(data);
@@ -40,7 +41,7 @@ export function UserProvider({ children }: { children: ReactNode }) {
const refreshMe = useCallback(async () => {
try {
const meRes = await fetch('/api/auth/me', { cache: 'no-store' });
const meRes = await fetchApi('/api/auth/me', { cache: 'no-store' });
const meData = await meRes.json().catch(() => ({}));
const me = meData?.user as User | null | undefined;
@@ -109,7 +110,7 @@ export function UserProvider({ children }: { children: ReactNode }) {
setCurrentUser(null);
setIsAuthenticated(false);
setUsers([]);
fetch('/api/auth/logout', { method: 'POST' }).catch(() => {});
fetchApi('/api/auth/logout', { method: 'POST' }).catch(() => {});
}, []);
return (