代理错误与Express登录接口返回401无效凭证问题咨询

一、代理错误：localhost:3000/api/products 无法代理到 http://localhost:5000/ #

可能原因 #

• 后端服务未启动：http://localhost:5000 对应的服务没有运行，导致代理请求无响应
• 代理配置错误：前端代理工具的路径映射规则不正确，比如未正确匹配 /api 前缀或目标地址缺失路径
• 端口占用：5000端口被其他程序占用，后端无法正常监听该端口
• 后端路由不匹配：后端未配置 /api/products 对应的路由，或路径拼写错误

解决方法 #

1. 验证后端服务状态：直接在浏览器或终端执行 curl http://localhost:5000/api/products，确认后端能正常返回数据。如果无响应，先启动后端服务。
2. 检查代理配置：
   • 若使用 Create React App，确保 package.json 中 proxy 字段设置为 "http://localhost:5000"
   • 若使用 Vite，在 vite.config.js 中配置正确的代理规则：

     export default {
       server: {
         proxy: {
           '/api': {
             target: 'http://localhost:5000',
             changeOrigin: true
           }
         }
       }
     }
     

3. 排查端口占用：
   • Windows：执行 netstat -ano | findstr :5000，找到PID后在任务管理器终止对应进程
   • Mac/Linux：执行 lsof -i :5000，执行 kill -9 <PID> 终止进程，或修改后端服务端口
4. 确认后端路由：检查后端代码中是否存在 /api/products 路由，路径拼写是否与代理请求一致

二、登录接口返回401（Invalid email or password） #

可能原因 #

• 请求参数错误：未正确设置请求头 Content-Type: application/json，或请求体中 email/password 字段缺失、拼写错误
• 用户不存在：数据库中无请求 email 对应的用户记录
• 密码不匹配：用户存在，但请求的明文密码与数据库中加密后的密码不一致（注册时未加密或加密逻辑错误）
• 数据库连接异常：Express 未成功连接数据库，导致 User.findOne 返回 null

解决方法 #

1. 校验请求格式：在 Advanced Rest Client 中确保：
   • 请求方法为 POST
   • 请求头添加 Content-Type: application/json
   • 请求体格式正确：

     {
       "email": "test@example.com",
       "password": "your-password"
     }
     

2. 检查数据库数据：直接查询数据库的 users 集合，确认：
   • 是否存在对应 email 的用户
   • password 字段为 bcrypt 加密后的字符串（不是明文）
3. 添加调试日志：在登录接口中插入日志，定位问题：

   userRouter.post(
     '/cart/signin',
     expressAsyncHandler(async (req, res) => {
       console.log('请求参数:', req.body); // 查看是否正确获取email和password
       const user = await User.findOne({ email: req.body.email });
       console.log('查询到的用户:', user);
       if (user) {
         console.log('密码匹配结果:', bcrypt.compareSync(req.body.password, user.password));
       }
       // 原有逻辑...
     })
   );
   

4. 确认注册加密逻辑：检查用户注册接口是否正确使用 bcrypt 加密密码，示例代码：

   userRouter.post('/register', async (req, res) => {
     const hashedPassword = bcrypt.hashSync(req.body.password, 8); // 8为saltRounds
     const newUser = new User({
       name: req.body.name,
       email: req.body.email,
       password: hashedPassword
     });
     await newUser.save();
     // 返回响应...
   });
   

5. 验证数据库连接：查看 Express 服务启动日志，确认是否有数据库连接成功的提示，若未连接则修复数据库配置

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