React+Express注册接口404及MONGO_URL未定义问题求助

问题1：process.env.MONGO_URL输出为undefined #

解决步骤： #

• 确认.env文件存在于Express项目根目录，文件名必须是.env（无任何后缀），文件内变量格式需严格遵循：

  MONGO_URL=你的MongoDB连接字符串
  

  注意等号两边不能有空格，避免写成MONGO_URL = mongodb://xxx这类格式。
• 检查dotenv加载逻辑，确保在调用process.env前执行dotenv.config()。当前index.js中的加载位置是正确的，若.env不在默认根目录，需手动指定路径：

  require('dotenv').config({ path: './path/to/.env', debug: true })
  

• 重启Express开发服务器，环境变量修改后必须重启才能生效。
• 可在dotenv.config()后打印所有环境变量，验证是否成功加载：

  console.log('已加载的环境变量:', process.env);
  

问题2：POST /register 404 (Not Found) #

原因： #

前端请求错误发送到了React开发服务器端口（5173），而Express接口实际运行在3000端口。尽管App.jsx中配置了axios默认baseURL，但RegisterPage.jsx里的请求硬编码了完整URL，覆盖了默认配置。

解决步骤： #

1. 修改RegisterPage.jsx的请求路径：
   将完整URL改为相对路径，让axios自动使用App.jsx中配置的baseURL：

   // 原代码
   axios.post('http://localhost:5173/register',{name,email,password});
   // 修改后
   axios.post('/register',{name,email,password});
   

2. 验证Express接口可用性：
   用Postman或curl直接请求http://localhost:3000/register，确认接口能正常响应，排除后端接口本身的问题。
3. 确认Express服务状态：
   确保Express服务器在3000端口正常运行，index.js中app.listen(3000)未被修改。

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