我喜欢你>_<

🛠️ 后端基架 (Node + Express + TS)#

从零搭建了一个标准的 TS 后端项目：

1. 环境配置：npm init 起手，装 express、cors、dotenv 三件套。
2. TS 加持：配置 tsconfig.json，用 ts-node 直接运行 TS 代码，配合 nodemon 实现热更新（改一行代码，服务自动重启，不用手动切终端）。
3. ORM 神器 (Prisma)：
   • 不用写 SQL 语句，直接定义 schema.prisma 模型。
   • npx prisma db push 一键同步数据库结构。
   • 写了个 seed.ts 脚本，一键注入测试数据，再也不用手动插数据了。

🔗 前后端通信 (The Bridge)#

1. 跨域 (CORS) 与 代理 (Proxy)： 虽然后端装了 cors，但在开发环境我用了 Vite 的 server.proxy。
   • 前端请求 /api/songs -> Vite 转发 -> localhost:3000/api/songs。
   • 这样既解决了跨域，又让前端代码看起来像是在请求同源接口。
2. 数据消费 (Pinia)：
   • 在 Store 里写 fetchSongList，拿到数据存进 state。
   • 配合 pinia-plugin-persistedstate，刷新页面数据还在，体验极佳。