获取 500 POST服务器内部错误 - {"errorMessage":"Error: data and hash arguments required"} 将登录表单数据发送到服务器时

如何解决获取 500 POST服务器内部错误 - {"errorMessage":"Error: data and hash arguments required"} 将登录表单数据发送到服务器时

我正在使用 MERN 堆栈处理我的第一个电子商务项目，当我单击提交按钮将登录数据发送到服务器时，我遇到了这个错误。 这是bcrypt.compare的问题，但我无法解决它，因为我似乎提供了所需的参数（来自客户端的密码和来自mongoDB的密码）。 我还检查了数据库，注册用户数据是正确的，包括hashpasswords。

这是我来自登录控制器的后端代码：

import express from 'express'; 
import mongoose from 'mongoose';
import validator from 'validator';
import bcrypt from 'bcrypt';
import jwt from 'jsonwebtoken';
import dotenv from 'dotenv';
import {User} from '../models/User.js';


dotenv.config();
const JWT_SECRET = process.env.JWT_SECRET;
const JWT_EXPIRE = process.env.JWT_EXPIRE;

export const signIn = async (req,res,next) => {
    const { email,password } = req.body;

    try {
        const user = await User.findOne({email});

        if(!user){
            return res.status(400).json({errorMessage : 'Invalid credentials'})
        }

        if(!email || !password){
            return  res.status(400).json({errorMessage: 'All fields are required'})
         }
        
        if(!validator.isEmail(email)){
            return res.status(400).json({errorMessage : 'Invalid email'})
        }

           
        //JWT
        const payload = {
            user : {
                _id : user._id
            }
        }

        const isMatch = await bcrypt.compare(password,user.password);
        if(!isMatch){
            return res.status(400).json({errorMessage: 'Invalid credentials'})
        }
        else{
            jwt.sign(
                payload,JWT_SECRET,{expiresIn: JWT_EXPIRE},(err,token) => {
                    if(err) console.log ('Jwt error: ',err);
    
                    const {_id,username,email,role} = user;
    
                    res.json({
                        token,user : {_id,role}
                    })
                }
            )
        }
        
    } catch (error) {
       return  res.status(500).json({errorMessage : `${error}`})
    }
}

这是前端代码部分：

import React,{useState} from 'react';
import validator from 'validator';
import SignInUI from './SignInUI';
import { signin } from '../../api/auth';

onst SignIn = () => {
    const[signinData,setSigninData] = useState({
        email : '',password: '',errorMessage: '',loading: false,redirectToProfile: false,})

    const{email,password,errorMessage,loading,redirectToProfile} = signinData;

    const handleChange = (e) => {
        setSigninData({
            ...signinData,[e.target.name]: e.target.value,})
    }

    const handleSubmit = (e) => {
        e.preventDefault();

        //API POST LOGIC

        if(!email || !password){
            setSigninData({
                ...signinData,errorMessage : 'All fields are required'
            })
        }
        else if(!validator.isEmail(email)){
            setSigninData({
                ...signinData,errorMessage : 'Invalid email'
            })
        }
        else{
            const data = {email,password};

            setSigninData({
                ...signinData,loading: true
            })

            signin(data)
            .then(response => {
                console.log(response)
                setSigninData({
                    ...signinData,loading: false
                })
            })
            .catch(error => {
                console.log(error)
                if(error.response.status === 400){
                    setSigninData({
                        ...signinData,errorMessage: 'Invalid credentials',loading: false
                    })
                }
                else{
                    setSigninData({
                        ...signinData,errorMessage: error.toString(),loading: false
                    })
                }

            })
        }

      
    }

 
    return (

        <SignInUI
            signinData = {signinData}
            handleChange = {handleChange}
            handleSubmit = {handleSubmit}
        />
        
    )
}

export default SignIn

非常感谢您的错误或困惑：我是一名初级 Web 开发人员。

解决方法

你能试试这个吗？这只是您如何实现目标的一个示例：

const login = async (req,res) => {
try {
    const {email,password} = req.body
    const errors = validationResult(req)
    if (!errors.isEmpty()) {
        res.status(400).json({
            success: false,message: "Validation failure!",errors: errors.errors
        })
    } else {
        const result = await userService.findByEmail(email);
        if (result.length == 0 || !(await bcrypt.compare(password,result[0].password))) {
            res.status(401).json({
                success: false,message: "Email or password is incorrect.",})
        } else {
            jwt.sign({user: result[0]},process.env.SECRET_KEY,{expiresIn: '1d'},(err,token) => {
                res.status(200).json({
                    success: true,message: "Logged in successfully.",token: token
                })
            });
        }
    }
} catch (e) {
    console.log(e)
  }
}

源代码：GitHub link

,

非常感谢，但我终于解决了这个问题。在用户模型文件中，在“密码”字段中，我已将“选择”设置为 false。