获取发布请求不返回有效负载但返回状态代码(200)

时间:2018-03-08 19:11:45

标签: reactjs express react-redux fetch-api

所以我尝试使用redux-form创建用户。我在后端有一个快速的邮政路线。注意:使用redux-thunk作为中间件,使用webpack和babel-polyfill进行whatwg-fetch。

routes.post('/signup', async (req, res) => {
  try {
    const createdUser = await userController.createUser(req.body);
    const JSONCreatedUser = JSON.stringify(createdUser);
    res.json({
      confirmation: 'success',
      result: createdUser,
    });
    return JSONCreatedUser;
  } catch (error) {
    res.statusMessage = error.toString();
    res.status(409).json({
      confirmation: 'failure',
      error: error.toString(),
    });
  }
});

所以我遇到的问题是当我使用邮递员时。我将获得整个用户对象。

enter image description here 但是当我使用表格提交时,我只能

enter image description here

Apimanager.js

export const signUserUpApi = async (url, params) => {
  try {
    const response = await fetch(url, {
      method: 'POST',
      headers: {
        'Content-Type': 'application/json',
      },
      body: JSON.stringify(params),
    });

    const { status, statusText } = response;
    if (status === 409) {
      throw new Error(statusText);
    }
    return response;
  } catch (error) {
    throw new Error(error.toString());
  }
};

action.js

import constants from '../constants';
import { signUserUpApi } from '../utils/APIManager';

const signUserUpUrl = process.env.SIGN_USER_UP_URL || 'http://localhost:3000/user/signup';

export const signUserUp = (user) => {
  return async (dispatch) => {
    try {
      const createdUser = await signUserUpApi(signUserUpUrl, user);
      dispatch({
        type: constants.SIGN_USER_UP,
        user: createdUser,
      });
      return createdUser;
    } catch (error) {
      throw new Error(error);
    }
  };
};

export const signUserIn = (user) => {
  return {
    type: constants.SIGN_USER_UP,
    user,
  };
};

我要做的是获取我在提交表单并重定向回页面时创建的用户对象。

这是我得到的,它确实创建了用户。 enter image description here

首先,我需要的是为什么我要恢复https状态代码而不是用户对象?

第二,当用户成功注册登录时,有哪些方法可以重定向到主页。

0 个答案:

没有答案