程序员鱼皮的编程宝典：https://codefather.cn/

404 是一个非常典型的 HTTP 错误码，经常出现于前端或后端项目部署上线后，访问某个不存在的页面或接口时出现。

但其实 404 是相对来说比较好解决的一类问题，大概率是配置原因或编码错误，可以尝试用以下方法排查。

新手推荐使用宝塔 Linux 面板部署，具体可以查看 鱼皮用户中心项目 (opens new window) 最后两期来学习部署上线操作。

1）先检查下浏览器上输入的 URL 是否正确，要确认一下你的部署 URL 和本地开发 URL，看看是否有差异。

2）保证项目在本地运行时可以正常访问到某个页面或接口。如果本地都无法访问，那么可以检查前端项目的路由配置、后端项目的 context-path 配置等。

3）将前端项目部署上线时，确保页面文件放在了正确的位置，并且确保文件名、大小写等都是正确的。

4）如果使用 Nginx 等 web 服务器进行部署，对于使用 Vue 或 React 开发的单页面应用，可能需要在 Nginx 配置文件里面加上 try_files $uri $uri/ /index.html; 。使得用户访问任何页面或刷新时，都能找到原始的 HTML 文件，再动态切换到不同路由对应的页面。

如果用 Nginx 配置到后端项目的反向代理，并且找不到接口地址，可以先试着直接访问后端服务，再通过代理访问，请仔细检查 Nginx 代理路径配置是否正确。

如果通过以上步骤还找不出问题，那么还可以：

1）检查权限，确保服务器有权限访问和执行你的登录页面。

2）查看 Nginx 等服务器的日志，确认 404 响应具体发生的位置。

一些解决方案参考：

https://t.zsxq.com/12TCUhGJh

https://www.cnblogs.com/galo/p/17091892.html

https://blog.csdn.net/u010457326/article/details/128246426

https://blog.csdn.net/qq_45029459/article/details/129014641

https://pro.ant.design/zh-CN/docs/deploy#%E4%BD%BF%E7%94%A8-nginx (opens new window)