项目部署至服务器后全页面出现Axios 404请求错误求助

部署项目至服务器后出现的错误：

"Request failed with status code 404", name: "AxiosError", code: "ERR_BAD_REQUEST", config: {…}, request: XMLHttpRequest, response: {…}

请求 GET /verify 返回404错误，所有页面均显示404。

核心排查步骤 #

• 核对服务器根目录配置
  确认Nginx、Apache等服务器的网站根目录是否指向项目编译后的静态资源目录（如dist、build），路径错误会导致所有资源无法被服务器定位。
• SPA项目路由 fallback 配置
  若为Vue、React等单页应用，必须配置路由 fallback：
  • Nginx：在location /块中添加 try_files $uri $uri/ /index.html;
  • Apache：启用mod_rewrite模块，在.htaccess中添加重写规则将所有请求指向index.html
• 校验接口路径匹配性
  检查前端请求的接口路径（如/verify）是否与后端部署的实际接口路径完全一致，避免环境配置（开发/生产）差异或拼写错误。
• 查看服务器日志
  调取服务器的访问日志和错误日志，获取404触发的具体细节，比如资源路径、权限限制等信息。
• 确认项目编译完整性
  重新执行编译命令，检查dist/build目录下是否包含index.html及所有js、css等静态资源，排除编译遗漏或失败的情况。

内容的提问来源于stack exchange，提问作者Nakul