基于 React + Node.js + MySQL + 阿里云 OSS 搭建的个人网站。
lin-persol/
├── frontend/ # React + Vite + TypeScript + TailwindCSS
└── backend/ # Express + Prisma + MySQL + 阿里云 OSS
cd backend
cp .env.example .env
# 编辑 .env，填写 MySQL 和 OSS 配置确保本地 MySQL 已启动，并创建数据库：
CREATE DATABASE personal_site CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;然后运行 Prisma 迁移：
cd backend
npm run db:migrate # 生成并执行迁移
npm run db:generate # 生成 Prisma Clientcd backend
npm run dev
# 服务运行在 http://localhost:3001cd frontend
npm run dev
# 访问 http://localhost:5173cd frontend
npm run build # 打包到 frontend/dist/
npm run preview # 预览打包结果- 登录 阿里云控制台
- 创建 Bucket（读写权限设为公共读）
- 获取 AccessKey ID 和 Secret
- 填入
backend/.env对应字段
| 方法 | 路径 | 说明 |
|---|---|---|
| GET | /api/photos | 获取图片列表 |
| POST | /api/photos/upload | 上传图片到 OSS |
| DELETE | /api/photos/:id | 删除图片 |
| GET | /api/health | 健康检查 |