Question

我在后端使用Axios时遇到问题。这可能是一个非常简单的修复程序，因为我是新手。

邮递员：对于有效和无效的凭据，都会收到正确的响应。

Axios：：对于有效凭证，收到了正确的响应，但是当输入无效凭证时，将运行axios方法的catch块。

authController.js：

exports.login = (req, res, next) => {
    const email = req.body.email;
    const pass = req.body.password;
    let loadedUser;

    User.findOne({ where: { email: email } })
        .then(user => {
            if(!user) {
                const error = new Error('Incorrect username or password');
                error.statusCode = 401;
                throw error;
            } else {
                loadedUser = user;
                return bcrypt.compare(pass, user.password);
            }
        })
        .then(isEqual => {
            if(!isEqual) {
                const error = new Error('Incorrect username or password');
                error.statusCode = 401;
                throw error;
            } else {
                const token = jwt.sign(
                    {
                        email: loadedUser.email,
                        userId: loadedUser.id
                    }, 
                    process.env.JWT_SECRET,
                    { expiresIn: '1hr' }
                );
                res.status(200).json({ token: token, userId: loadedUser.id });
            }
        })
        .catch(err => {
            if (!err.statusCode)
                err.statusCode = 500;
            next(err);
        });

};

app.js中的错误处理程序。输入错误的凭据（即使使用axios），似乎也可以正确记录错误：

app.use((error, req, res, next) => {
    const status = error.statusCode || 500;
    const message = error.message;
    const data = error.data || 'No Data';

    console.log(status, message, data);

    res.status(status).json({message: message, data: data});
});

但是随后axios catch块运行了，所以我没有收到json消息，而是收到了以下错误消息

login(email, password) {
    const headers = {
        'Content-Type': 'application/json'
      };

      const data = JSON.stringify({
        email: email,
        password: password
      });

      axios.post('http://127.0.0.1:8080/auth/login', data, { headers })
          .then(res => console.log(res))
          .catch(err => console.log(err));

}

控制台中无效凭据的错误：单击突出显示的链接会打开一个新页面，指出：“无法获取/ auth / login”，但是我显然是在发出发帖请求，并且我已经在表单中添加了发帖（以防万一）

有什么想法我可能会错过吗？

谢谢

Answer 1

实际上，您的代码可以正常工作，但是如果您的状态为 401 ，则Axios将拒绝该呼叫。如果您的状态介于200到300之间，那么它将兑现承诺。

有两种解决方法。

在catch块中检查状态。

axios.post('http://127.0.0.1:8080/auth/login', data, {
    headers
  })
  .then(res => console.log(res))
  .catch(err => {
    if (err.response.status === 401) {
      //Auth failed
      //Call reentry function
      return;
    }
    return console.log(err)
  });

或更改validateStatus选项；

axios.post('http://127.0.0.1:8080/auth/login', data, {
    headers,
    validateStatus: function (status) {
       return status >= 200 && status < 300 || (status === 401);
    },
  })
  .then(res => console.log(res))
  .catch(err => return console.log(err));

使用Axios时出错，但在邮递员中的响应正确

1 个答案: