你可能会说：
- “AI 说它只改了前端，这是改了哪一部分？”
- “前端和后端到底怎么分？我的网站有后端吗？”
它是什么
前端是最终送到浏览器里的东西：HTML 决定页面上有什么，CSS 决定长什么样，JavaScript 决定能怎么交互。它运行在访客自己的设备上，所以写进前端的任何东西，访客都看得到，包括不小心写进去的密钥。
纯前端的网站没有自己的服务器程序：页面构建好以后，放在托管平台上直接发出去就行。博客、文档、作品集大多如此，成本低，几乎不用维护。
需要登录、保存用户数据、调用要保密的 AI 接口时，只有前端就不够了：这些事必须放在访客看不到的地方做，也就是后端。
打个比方
像餐厅的大堂：菜单、桌椅、服务员的招呼，客人看得到、摸得着的都在这里。但菜不是在这里做的。
在这个网站里
这个网站是纯前端：页面在构建时生成好，放在 Cloudflare Pages 上，没有自己的服务器程序，也没有数据库。兄弟项目 E2E Review 则前后端分开：React 写的前端放在 Cloudflare Pages，后端和数据库跑在另一个平台 Railway 上。
容易搞混的地方
常见误解
前端就是页面好不好看的事
正确理解
前端还决定数据怎么请求、出错时显示什么、页面能不能被搜到。第 4 课的事故就出在前端的渲染方式上。
常见误解
密钥写在前端代码里，用户看不到
正确理解
前端代码会完整下载到访客的浏览器里，打开开发者工具就能看到。密钥只能放在后端。
你可以这样告诉 AI
复制下面这段，贴给你的 AI
把这个项目按前端、后端、数据库、第三方服务拆开讲给我：每部分用了什么技术、代码在哪个目录、部署在哪个平台、彼此通过什么地址通信。
接下来去哪
对比着看
- 后端——跑在服务器上、访客看不到的那部分程序：处理登录、读写数据、调用需要保密的接口。
接着看
在这些课里出现