零基础AI编程100课第13课:彻底搞懂404到底是什么意思

零基础AI编程100课第13课:彻底搞懂404到底是什么意思
零基础AI编程100课第13课:彻底搞懂404到底是什么意思

你是不是一看到“404”,心里就咯噔一下,觉得网站坏了?

其实不是。404 的意思是 Not Found,翻译成人话就是:你要找的东西,服务器上没有。

这不代表网站崩了,也不代表代码写错了,只代表你找的那个地址不对。但同样是 404,原因可能差很多。下面列出四种最常见的场景,你可以对照一下,看看自己遇到的是哪一种。

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:可能是那个资源被移除了。
  • 如果你是刷新页面报 404:那就是典型的前端路由问题。

排查技巧: 打开浏览器的 Network(网络)面板,看看那个失败的请求地址,对照你心里想的地址,一眼就能看出差别。

总结

下次看到 404,别慌,不是网站炸了,是你找的东西不在那里。

一句话总结:404 不是网站坏了,是你要的东西不在这条地址上。