如何将MongoDB错误从Express传递到React

你有两个选择:在创建之前检查邮件是否已经存在(更好的选择)或者允许Mongo抛出一个 error object 在用户创建过程中,将其转换为 string 然后检查一下 一串 包括 E11000 .

工作示例 : https://github.com/mattcarlotta/fullstack-mern-kit (点击 here here )

const createUser = async (req, res, done) => {
  const {
    email,
    firstName,
    lastName,
    userName,
    backgroundInfo,
    address,
  } = req.body;

  if (
    !email
    || !firstName
    || !lastName
    || !userName
    || !backgroundInfo
    || isEmpty(address)
  ) return res.status(400).json({ err: “You must include all required fields to create a new user!” }); // checking if the req.body contains all the required user fields

  try {
    const emailTaken = await User.findOne({ email });
    if (emailTaken) return res.status(400).json({ err: “That email is already in use!" }); // checking if the user exists before creation

    await User.createUser(req.body); // createUser is a custom static method placed on the model

    res
      .status(201)
      .json({ message: `Successfully created ${req.body.userName}.` });
  } catch (err) {
    const errString = err.toString();

    if (errString.includes("E11000")) return res.status(400).json({ err: “That email is already in use!" }); // handling the error Mongo throws if the user exists during creation

    return res.status(400).json({ err: errString }); // handling any other misc errors
  }
};

axios 轴心 配置: axiosConfig.js . 此配置最重要的部分是更改错误 interceptor here . 这是专门寻找错误的来源 error.response.data.err . 如果你不使用 err 对于API,则需要更新此 line .

目的 线 错误.响应.数据先生,呃 存在,如果不存在,则返回泛型 Network Error error.message )信息。

import axios from '../path/to/axiosConfig' ).

注意 baseURL 到你的API localhost 而且它是 port 轴心 http://localhost:port/ .

例如,而不是:

axios.get("http://localhost:5000/api/user")

axios.get("user")

如果您有问题,在提问之前,请参阅上面的github repo,因为它展示了如何集成所有内容。如果您计划在生产中使用这个,那么您需要使用 ENVs better-npm-run 但你可以用 cross-env dotenv

好吧,如果你看看 Error 对象被记录,你可以观察到 code

您可以计算这样的属性,如果是这样的话,只需传递一个适当的自定义错误消息。

address.save()
.then(address => {
   //other code
})
.catch(err => {
   const {code} = err
   console.log(err);
   if (code === 11000) {
     err = new Error('Email already Exists');
   }
   res.status(500).json({
     message: 'Error Occured',
     error: err
   });
 });