Network：网页和服务器说了什么

先看到第一个请求

打开开发者工具，点击顶部 Network。
如果顶部没有 Network，点击 » 展开更多面板。
勾选 Preserve log 可在跳转后保留请求；第一次练习可以不勾。
按 ⌘ + R 或 Ctrl + R 刷新页面。
表格里出现很多行。点击类型为 document 的本页请求。
右侧 Headers 能看到 Request URL、Request Method 和 Status Code。

查 API 时看四处

标签	看什么
Headers	地址、GET/POST、状态码
Payload	前端发送了哪些数据
Preview	浏览器整理后的响应
Response	服务器原始返回内容

用 manga_studio 理解

canvas-v2/src/api.ts 里的 fetch(url, ...) 发出请求。Network 展示的才是浏览器实际发出的地址和数据。如果代码看起来正确、Network 却没有任何请求，先检查按钮事件是否真的运行。

请求返回 500，下一步主要看前端 CSS 还是服务器日志？

答案：服务器日志。500 表示服务器处理请求时发生内部错误。