MERN项目路由异常：跟随YouTube教程下载源码后遇请求错误

这是我在StackOverflow的首个提问。tl;dr：跟随教程视频学习，从GitHub仓库下载Airbnb克隆项目源码后，出现路由相关问题。浏览器控制台显示UserContext.js、RegisterPage.jsx等文件请求返回404，Firefox浏览器中axios.jsx也报404错误，同时存在OPTIONS预检请求返回204的情况。

当前配置 #

api/.env #

API_PORT = 5173
MONGO_URL = "mongodb+srv://admin:admin@cluster0.c98j5op.mongodb.net/?retryWrites=true&w=majority&appName=Cluster0"

client/.env #

VITE_API_BASE_URL=http://localhost:4000/

相关代码涉及RegisterPage.jsx、后端index.js、UserContext.jsx。

已尝试的解决方案 #

• 修改VITE_API_BASE_URL添加/api后缀
• 多次更改后端app.listen监听端口（4000/3000/5000/5173）
• 调整api/.env中的API_PORT值
• 尝试AI提供的通用解决方案，但均无效

补充信息 #

已更新以下配置，但问题仍未解决：

• client/.env设置VITE_API_BASE_URL=http://localhost:4000/
• 后端index.js中修改app.listen为4000

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