服务器状态400阻止json向客户端发送响应

Question

User.findOne({ email: req.body.email }, (err, user) => {
        if (!user) return res.status(400).json({
            isAuth: false,
            message: "Auth failed, bad email",
            err
        })

User.findOne({ email: req.body.email }, (err, user) => {
        if (!user) return res.json({
            isAuth: false,
            message: "Auth failed, bad email",
            err
        })

下面是发出请求的客户端函数，console.log(request)部分由于状态400而被阻止：

    const submitForm = async (e) => {
        e.preventDefault()
        const request = await axios.post('/api/login', { email: email, password: password }).then(res => res.data)
        console.log(request)

        dispatch({
            type: "USER_LOGIN",
            payload: request
        })
    }

下面是一些来自控制台的Chrome材料：

xhr.js:166 POST http://localhost:3000/api/login 400 (Bad Request)
createError.js:17 Uncaught (in promise) Error: Request failed with status code 400
    at createError (createError.js:17)
    at settle (settle.js:19)
    at XMLHttpRequest.handleLoad (xhr.js:60)

Answer 1

存在axios错误/错误。

我已经使用fetchAPI重新编写了代码。似乎axios在处理4xx和5xx状态时有某种bug。

现在客户机部分如下所示：

const submitForm = async (e) => {
        e.preventDefault()

        const request = await fetch('/api/login', {
            method: 'POST',
            body: JSON.stringify({ email, password }),
            headers: {
                'Content-Type': 'application/json',
            }
        }).then(res => res.json())

        console.log(request)

        dispatch({
            type: "USER_LOGIN",
            payload: request
        })
    }