按钮onclick跳转文件夹内页面失败，返回Cannot GET /teamedit_teams.html求助

使用按钮的onclick事件跳转至文件夹内的新页面时失败，返回错误信息：

Cannot GET /teamedit_teams.html

已确认问题与文件夹有关——不使用文件夹时功能正常，求排查原因。

1. 核对文件路径 #

• 确认目标页面teamedit_teams.html的实际存放位置：
  • 如果按钮所在页面在根目录，目标文件在子文件夹（比如teams/），则onclick里的路径必须包含文件夹层级：
    • 错误写法：onclick="window.location.href='/teamedit_teams.html'"（直接从根目录查找，找不到文件夹内的文件）
    • 正确写法：绝对路径onclick="window.location.href='/teams/teamedit_teams.html'"，或相对路径onclick="window.location.href='teams/teamedit_teams.html'"（注意当前页面的层级，避免路径错乱）

2. 检查静态文件服务配置（若使用后端框架） #

• 如果用了Node.js/Express这类后端服务，需确保静态资源目录配置正确：

  // 示例：将public文件夹设为静态资源根目录
  app.use(express.static('public'));
  

  此时若teamedit_teams.html在public/teams/下，访问路径必须是/teams/teamedit_teams.html，而非直接/teamedit_teams.html。

3. 验证网络请求路径 #

• 打开浏览器F12→「网络」面板，点击按钮后查看请求的URL：
  • 确认请求路径与文件实际路径是否匹配，是否返回404状态码；
  • 若为相对路径问题，可通过../回退上一级目录，或改用根目录开头的绝对路径。

4. 检查文件名大小写 #

• 部分服务器（如Linux系统）区分文件名大小写，确保代码中写的teamedit_teams.html与实际文件名完全一致，避免大小写不匹配导致的404。

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