代わりに、完全なエラーメッセージ

Question

の不正な要求を取得し、私は（superagentを使用して）以下と同じユーザの電子メールでPOSTのエラー処理を行うようにしようとしています：

export function signUpUser(userData) { 
    return async dispatch => { 
    try { 
     const currentUser = await request.post(`${url}/signup`).send(userData); 
     set(window.localStorage, 'x-auth', currentUser); 
     dispatch(signUpSuccessObject(userData)); 
    } catch (error) { 
     dispatch(signUpFailObject(error)); 
    } 
    }; 
} 

私は私が見ることができる、以下を取得したいです私のネットワークタブ内：

{ "名"： "SequelizeUniqueConstraintError"、 "エラー"：[{ "メッセージ"： "電子メール は一意でなければなりません"、 "タイプ"： "ユニーク 違反"、 "パス"：" email "、" value "：" leo@fsl.co "、" origin "：" DB "、" instance "：

しかし、代わりに私が得るすべては次のとおりです。APIのための

不正な要求

マイコントローラ：

User.create(
     Object.assign(req.body, { 
     password: bcrypt.hashSync(req.body.password, 10), 
     }) 
    ) 
     .then(() => { 
     const myToken = jwt.sign({email: req.body.email}, 'leogoesger'); 
     res.status(200).send(myToken); 
     }) 
     .catch(err => res.status(400).send(err)); 
    }, 

Answer 1

res.send()は、プレーンtext/html応答を送信します。

JSON APIにはres.json(myToken)とres.status(400).json(err)を使用してください。

Answer 2

https://github.com/visionmedia/superagent/issues/1074

^^リファレンスとしてこれを使用します。

基本的にはerror.responseが必要です。これにより、オブジェクト全体が表示され、エラーメッセージにアクセスできるようになります。

だから、完全に動作するコードは次のようになります。

export function signUpUser(userData) { 
    return async dispatch => { 
    try { 
     const currentUser = await request 
     .post(`${url}/signup`) 
     .send(userData) 
     .type('json'); 
     set(window.localStorage, 'x-auth', currentUser); 
     dispatch(signUpSuccessObject(userData)); 
    } catch (e) { 
     dispatch(signUpFailObject(e.response.body)); 
    } 
    }; 
}