后端接口在 Postman 中返回 200，为什么 React 页面还是拿不到数据？

请使用 React、Vite 和 TypeScript，为现有相册后端开发前端页面。

后端接口：
1. POST /api/login
2. GET /api/my/albums?page=1&pageSize=20

统一响应结构：
{
  "code": "OK",
  "message": "success",
  "data": {}
}

要求：
1. 登录成功后保存 accessToken。
2. 请求相册接口时携带 Bearer Token。
3. 使用 TypeScript，禁止使用 any。
4. API 请求不能直接散落在页面组件中。
5. 页面必须处理加载、空数据和错误状态。
6. 所有后端请求使用 /api 相对路径。
7. 不要在代码中写死 localhost:8080。
8. 不要修改 Go 服务端的跨域配置。

album-system/
├── backend/
│   ├── cmd/
│   ├── internal/
│   ├── migrations/
│   └── go.mod
├── frontend/
│   ├── src/
│   ├── package.json
│   ├── tsconfig.json
│   └── vite.config.ts
└── README.md

frontend/src/
├── api/
│   ├── request.ts
│   ├── auth.ts
│   └── albums.ts
├── components/
│   ├── AlbumCard.tsx
│   ├── Loading.tsx
│   └── ErrorMessage.tsx
├── pages/
│   ├── LoginPage.tsx
│   └── AlbumListPage.tsx
├── types/
│   ├── api.ts
│   ├── auth.ts
│   └── album.ts
├── App.tsx
└── main.tsx

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";

export default defineConfig({
  plugins: [react()],

  server: {
    proxy: {
      "/api": {
        target: "http://localhost:8080",
        changeOrigin: true,
      },
    },
  },
});