Network面板看不到fetch请求，是因为file://协议下浏览器直接拦截fetch，不发请求也不记录；唯一解法是改用HTTP服务，如Live Server、npx serve或Python服务器。
Network 面板里看不到 fetch 请求？检查是否在 file:// 协议下运行
本地双击打开 HTML 文件时，浏览器用 file:// 协议加载，此时 fetch() 会被同源策略直接拦截，控制台只报 Failed to fetch，Network 面板里根本不会出现请求记录——这不是代码写错了，是协议限制。
解决方法只有换 HTTP 服务：
- 用
npx serve（需 Node.js）启动，访问http://localhost:5000 - 或用 Python：
python3 -m http.server 8000，然后打开http://localhost:8000 - VS Code 安装 Live Server 插件，右键“Open with Live Server”
不切到 HTTP 就没法看真实请求头、状态码、响应体，后续所有调试都是盲猜。
请求发出去了但页面没更新？先确认容器元素是否存在且可写
Uncaught TypeError: Cannot set property 'innerHTML' of null 是最常见报错，说明 document.getElementById('result-area') 返回 null。原因不是 ID 写错就是脚本执行太早。
检查顺序必须是：
- HTML 中目标容器确实写了
id="result-area"，且拼写完全一致（区分大小写） - JS 脚本放在
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
