零基础AI编程100课第13课:彻底搞懂404到底是什么意思
零基础AI编程100课第13课:彻底搞懂404到底是什么意思
你是不是一看到“404”,心里就咯噔一下,觉得网站坏了?
其实不是。404 的意思是 Not Found,翻译成人话就是:你要找的东西,服务器上没有。
这不代表网站崩了,也不代表代码写错了,只代表你找的那个地址不对。但同样是 404,原因可能差很多。下面列出四种最常见的场景,你可以对照一下,看看自己遇到的是哪一种。

404 的四种常见场景
1. 资源不存在
这是最直接的情况。比如你访问一个图片的地址,但这个图片文件已经被删除了,或者从来没存在过。简单来说,就是那个东西没了。

2. 接口地址写错了
这是开发中最常见的情况。比如你要调用一个接口,地址应该是 api/users,但你多写了一个字母,写成了 api/usrs。服务器不认识这个地址,直接给你返回 404。这种情况回去检查路径拼写即可。

3. 路由没配置
你开发了一个页面,但是后端或者前端没有配置这个页面的路由规则。比如你做了一个“关于我们”页面,但没有告诉服务器这个页面存在,访问它自然就是 404。
4. 刷新前端路由导致的 404
这个情况比较特殊。如果你用 React 或 Vue 做了一个单页应用(SPA),在页面里点链接跳转没问题,但你一按 F5 刷新,或者直接在地址栏输入这个地址,就报 404 了。
为什么? 因为前端路由是在浏览器端处理的。按 F5 时,浏览器会向服务器请求这个地址,但服务器上根本没有这个页面文件。这种问题需要配置服务器,让所有找不到的路径都指向你的首页文件(index.html)。

如何快速排查 404 错误?
区分这四种情况,关键看场景:
- 如果你在开发中报 404:先检查地址有没有拼错。
- 如果你从别人的项目里访问资源报 404:可能是那个资源被移除了。
- 如果你是刷新页面报 404:那就是典型的前端路由问题。
排查技巧: 打开浏览器的 Network(网络)面板,看看那个失败的请求地址,对照你心里想的地址,一眼就能看出差别。
总结
下次看到 404,别慌,不是网站炸了,是你找的东西不在那里。
一句话总结:404 不是网站坏了,是你要的东西不在这条地址上。