From a4769bc610e7e5b0fb01dfed32e41011e0cd227a Mon Sep 17 00:00:00 2001
From: admin <1297598740@qq.com>
Date: Mon, 26 Jan 2026 09:24:04 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E6=A0=B8=E5=BF=83=20?=
 =?UTF-8?q?API=20=E5=AE=A2=E6=88=B7=E7=AB=AF=E3=80=81=E8=AE=A4=E8=AF=81?=
 =?UTF-8?q?=E6=9C=8D=E5=8A=A1=EF=BC=88=E5=90=AB=E4=BB=A4=E7=89=8C=E5=88=B7?=
 =?UTF-8?q?=E6=96=B0=E5=92=8C=20GitHub=20OAuth=EF=BC=89=E3=80=81=E5=9B=BE?=
 =?UTF-8?q?=E7=89=87=E7=AE=A1=E7=90=86=E5=8A=9F=E8=83=BD=E5=8F=8A=E7=9B=B8?=
 =?UTF-8?q?=E5=85=B3=20UI=20=E7=BB=84=E4=BB=B6=E5=92=8C=E6=B5=8B=E8=AF=95?=
 =?UTF-8?q?=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ImageAttachment/ImageAttachment.tsx       |  8 +++----
 .../transaction/ImagePreview/ImagePreview.tsx |  2 +-
 src/hooks/useAutoTokenRefresh.ts              |  2 +-
 src/services/api.ts                           |  2 +-
 src/services/authService.ts                   |  2 +-
 src/services/imageService.test.ts             | 22 +++++++++----------
 src/services/imageService.ts                  |  2 +-
 src/services/reportService.ts                 | 14 ++++++------
 8 files changed, 27 insertions(+), 27 deletions(-)

diff --git a/src/components/transaction/ImageAttachment/ImageAttachment.tsx b/src/components/transaction/ImageAttachment/ImageAttachment.tsx
index e55fadc..0af56f5 100644
--- a/src/components/transaction/ImageAttachment/ImageAttachment.tsx
+++ b/src/components/transaction/ImageAttachment/ImageAttachment.tsx
@@ -35,7 +35,7 @@ export const ImageAttachment: React.FC<ImageAttachmentProps> = ({
 
   const handleAddClick = () => {
     if (disabled) return;
-    
+
     // Check if we can add more images
     const check = canAddMoreImages(images.length);
     if (!check.canAdd) {
@@ -105,11 +105,11 @@ export const ImageAttachment: React.FC<ImageAttachmentProps> = ({
             onClick={() => handleImageClick(index)}
           >
             <img
-              src={`${import.meta.env.VITE_API_BASE_URL || 'http://localhost:8080/api/v1'}/images/${image.id}`}
+              src={`${import.meta.env.VITE_API_BASE_URL || 'http://localhost:2612/api/v1'}/images/${image.id}`}
               alt={image.fileName}
               className="image-attachment__thumbnail"
             />
-            
+
             {/* Delete button overlay */}
             {!disabled && (
               <button
@@ -143,7 +143,7 @@ export const ImageAttachment: React.FC<ImageAttachmentProps> = ({
         <span className="image-attachment__count">
           {images.length} / {IMAGE_CONSTRAINTS.maxImages}
         </span>
-        
+
         {isApproachingLimit && (
           <span className="image-attachment__warning">
             <Icon icon="mdi:alert" width="16" />
diff --git a/src/components/transaction/ImagePreview/ImagePreview.tsx b/src/components/transaction/ImagePreview/ImagePreview.tsx
index 56c76b8..6c1c0a4 100644
--- a/src/components/transaction/ImagePreview/ImagePreview.tsx
+++ b/src/components/transaction/ImagePreview/ImagePreview.tsx
@@ -152,7 +152,7 @@ export const ImagePreview: React.FC<ImagePreviewProps> = ({
   }
 
   const currentImage = images[currentIndex];
-  const imageUrl = `${import.meta.env.VITE_API_BASE_URL || 'http://localhost:8080/api/v1'}/images/${currentImage.id}`;
+  const imageUrl = `${import.meta.env.VITE_API_BASE_URL || 'http://localhost:2612/api/v1'}/images/${currentImage.id}`;
 
   return (
     <div
diff --git a/src/hooks/useAutoTokenRefresh.ts b/src/hooks/useAutoTokenRefresh.ts
index 115d30d..f747923 100644
--- a/src/hooks/useAutoTokenRefresh.ts
+++ b/src/hooks/useAutoTokenRefresh.ts
@@ -8,7 +8,7 @@ import { useEffect, useRef, useCallback } from 'react';
 import { getAccessToken, getRefreshToken, setTokens, clearTokens } from '../services/authService';
 import type { TokenPair } from '../services/authService';
 
-const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || 'http://localhost:8080/api/v1';
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || 'http://localhost:2612/api/v1';
 
 // Refresh token 5 minutes before expiration
 const REFRESH_BUFFER_MS = 5 * 60 * 1000;
diff --git a/src/services/api.ts b/src/services/api.ts
index 80dc106..de360b6 100644
--- a/src/services/api.ts
+++ b/src/services/api.ts
@@ -4,7 +4,7 @@
  * Validates: Requirements 12.3, 12.4
  */
 
-const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || 'http://localhost:8080/api/v1';
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || 'http://localhost:2612/api/v1';
 
 // Token storage keys
 const ACCESS_TOKEN_KEY = 'access_token';
diff --git a/src/services/authService.ts b/src/services/authService.ts
index b7b838f..61d44a3 100644
--- a/src/services/authService.ts
+++ b/src/services/authService.ts
@@ -134,7 +134,7 @@ export function logout(): void {
  * Validates: Requirements 13.1
  */
 export function getGitHubLoginUrl(state?: string): string {
-  const baseUrl = import.meta.env.VITE_API_BASE_URL || 'http://localhost:8080/api/v1';
+  const baseUrl = import.meta.env.VITE_API_BASE_URL || 'http://localhost:2612/api/v1';
   const url = new URL(`${baseUrl}/auth/github`);
   if (state) {
     url.searchParams.append('state', state);
diff --git a/src/services/imageService.test.ts b/src/services/imageService.test.ts
index 27fd3f0..c7c1172 100644
--- a/src/services/imageService.test.ts
+++ b/src/services/imageService.test.ts
@@ -224,14 +224,14 @@ describe('imageService', () => {
 
     it('should use API base URL from environment or default', () => {
       const url = getImageUrl(456);
-      expect(url).toMatch(/^http:\/\/localhost:8080\/api\/v1\/images\/456$/);
+      expect(url).toMatch(/^http:\/\/localhost:2612\/api\/v1\/images\/456$/);
     });
   });
 
   describe('API calls', () => {
     beforeEach(() => {
       // Mock fetch
-      global.fetch = vi.fn();
+      globalThis.fetch = vi.fn();
       // Mock localStorage
       Storage.prototype.getItem = vi.fn(() => 'mock-token');
     });
@@ -254,7 +254,7 @@ describe('imageService', () => {
           },
         };
 
-        (global.fetch as any).mockResolvedValueOnce({
+        (globalThis.fetch as any).mockResolvedValueOnce({
           ok: true,
           json: async () => mockResponse,
         });
@@ -265,7 +265,7 @@ describe('imageService', () => {
         // Mock compressImage to return the file as-is (high quality)
         const result = await uploadImage(123, file, 'high');
 
-        expect(global.fetch).toHaveBeenCalledWith(
+        expect(globalThis.fetch).toHaveBeenCalledWith(
           expect.stringContaining('/transactions/123/images?compression=high'),
           expect.objectContaining({
             method: 'POST',
@@ -288,7 +288,7 @@ describe('imageService', () => {
       });
 
       it('should throw error when upload fails', async () => {
-        (global.fetch as any).mockResolvedValueOnce({
+        (globalThis.fetch as any).mockResolvedValueOnce({
           ok: false,
           status: 400,
           json: async () => ({ error: 'Upload failed' }),
@@ -324,14 +324,14 @@ describe('imageService', () => {
           },
         ];
 
-        (global.fetch as any).mockResolvedValueOnce({
+        (globalThis.fetch as any).mockResolvedValueOnce({
           ok: true,
           json: async () => ({ data: mockImages }),
         });
 
         const result = await getTransactionImages(123);
 
-        expect(global.fetch).toHaveBeenCalledWith(
+        expect(globalThis.fetch).toHaveBeenCalledWith(
           expect.stringContaining('/transactions/123/images'),
           expect.objectContaining({
             method: 'GET',
@@ -345,7 +345,7 @@ describe('imageService', () => {
       });
 
       it('should throw error when fetch fails', async () => {
-        (global.fetch as any).mockResolvedValueOnce({
+        (globalThis.fetch as any).mockResolvedValueOnce({
           ok: false,
           status: 404,
           json: async () => ({ error: 'Transaction not found' }),
@@ -357,14 +357,14 @@ describe('imageService', () => {
 
     describe('deleteImage', () => {
       it('should delete image successfully', async () => {
-        (global.fetch as any).mockResolvedValueOnce({
+        (globalThis.fetch as any).mockResolvedValueOnce({
           ok: true,
           json: async () => ({}),
         });
 
         await deleteImage(123, 456);
 
-        expect(global.fetch).toHaveBeenCalledWith(
+        expect(globalThis.fetch).toHaveBeenCalledWith(
           expect.stringContaining('/transactions/123/images/456'),
           expect.objectContaining({
             method: 'DELETE',
@@ -376,7 +376,7 @@ describe('imageService', () => {
       });
 
       it('should throw error when delete fails', async () => {
-        (global.fetch as any).mockResolvedValueOnce({
+        (globalThis.fetch as any).mockResolvedValueOnce({
           ok: false,
           status: 404,
           json: async () => ({ error: 'Image not found' }),
diff --git a/src/services/imageService.ts b/src/services/imageService.ts
index 91a2edd..63c4428 100644
--- a/src/services/imageService.ts
+++ b/src/services/imageService.ts
@@ -6,7 +6,7 @@
 
 import type { TransactionImage, UserSettings } from '../types';
 
-const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || 'http://localhost:8080/api/v1';
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || 'http://localhost:2612/api/v1';
 
 // Token storage key
 const ACCESS_TOKEN_KEY = 'access_token';
diff --git a/src/services/reportService.ts b/src/services/reportService.ts
index 77f5dba..11dd8f7 100644
--- a/src/services/reportService.ts
+++ b/src/services/reportService.ts
@@ -6,7 +6,7 @@
 import api from './api';
 import type { CurrencyCode } from '../types';
 
-const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || 'http://localhost:8080/api/v1';
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || 'http://localhost:2612/api/v1';
 
 // Report API Response Types
 export interface CurrencySummary {
@@ -94,7 +94,7 @@ export const getTransactionSummary = async (
   params: SummaryParams
 ): Promise<TransactionSummaryResponse> => {
   const response = await api.get<{ success: boolean; data: TransactionSummaryResponse }>(
-    '/reports/summary', 
+    '/reports/summary',
     params as unknown as Record<string, string | number | boolean | undefined>
   );
   if (!response.data) {
@@ -110,7 +110,7 @@ export const getCategorySummary = async (
   params: CategoryParams
 ): Promise<CategorySummaryResponse> => {
   const response = await api.get<{ success: boolean; data: CategorySummaryResponse }>(
-    '/reports/category', 
+    '/reports/category',
     params as unknown as Record<string, string | number | boolean | undefined>
   );
   if (!response.data) {
@@ -126,7 +126,7 @@ export const getTrendData = async (
   params: TrendParams
 ): Promise<TrendDataResponse> => {
   const response = await api.get<{ success: boolean; data: TrendDataResponse }>(
-    '/reports/trend', 
+    '/reports/trend',
     params as unknown as Record<string, string | number | boolean | undefined>
   );
   if (!response.data) {
@@ -163,15 +163,15 @@ export const exportReport = async (params: ExportParams): Promise<void> => {
   // Create a temporary anchor element and trigger download
   const link = document.createElement('a');
   link.href = url;
-  
+
   // Generate filename based on date range and format
   const filename = `report_${params.start_date.replace(/-/g, '')}_to_${params.end_date.replace(/-/g, '')}.${params.format === 'pdf' ? 'pdf' : 'xlsx'}`;
   link.download = filename;
-  
+
   // Trigger the download
   document.body.appendChild(link);
   link.click();
-  
+
   // Clean up
   document.body.removeChild(link);
   window.URL.revokeObjectURL(url);