程序员鱼皮的编程宝典:https://codefather.cn/
404 是一个非常典型的 HTTP 错误码,经常出现于前端或后端项目部署上线后,访问某个不存在的页面或接口时出现。
但其实 404 是相对来说比较好解决的一类问题,大概率是配置原因或编码错误,可以尝试用以下方法排查。
新手推荐使用宝塔 Linux 面板部署,具体可以查看 鱼皮用户中心项目 最后两期来学习部署上线操作。
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://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