反应 - Redux | 未处理的拒绝（类型错误）：无法读取未定义的属性“数据”

Question

一切都很好，直到 login > dispatch > payload: err.response.data。 然后给出一个错误：未处理的拒绝（类型错误）：无法读取未定义的属性“数据”我检查了很多来源，但我找不到问题所在。 在注册中，payload: err.response.data 完美运行。 但是在登录时，给出了这个错误

import axios from "axios";
import setAuthToken from "../utils/setAuthToken";
import jwt_decode from "jwt-decode";

import { GET_ERRORS, SET_CURRENT_USER } from "./types";

// Register User
export const registerUser = (userData, history) => dispatch => {
  axios
    .post("/api/users/register", userData)
    .then(res => history.push("/login"))
    .catch(err =>
      dispatch({
        type: GET_ERRORS,
        payload: err.response.data
      })
    );
};

// Login - Get User Token
export const loginUser = userData => dispatch => {
  axios
    .post("/api/users/login", userData)
    .then(res => {
      // Save to localStorage
      const { token } = res.data;
      // Set token to ls
      localStorage.setItem("jwtToken", token);
      // Set token to Auth header
      setAuthToken(token);
      // Decode token to get user data
      const decoded = jwt_decode(token);
      // Set current user
      dispatch(setCurrentUser(decoded));
    })
    .catch(err =>
      dispatch({
        type: GET_ERRORS,
        payload: err.response.data
      })
    );
};

// Set logged in user
export const setCurrentUser = decoded => {
  return {
    type: SET_CURRENT_USER,
    payload: decoded
  };
};

// Log user out
export const logoutUser = () => dispatch => {
  // Remove token from localStorage
  localStorage.removeItem("jwtToken");
  // Remove auth header for future requests
  setAuthToken(false);
  // Set current user to {} which will set isAuthenticated to false
  dispatch(setCurrentUser({}));
};

Answer 1

看起来不错，但我会试试这个：

1. 每当您服务器启动错误时，请确保您发出此对象：

   response.json({response: {data: "Error..."}})

2. 否则检查loginUser函数中未定义的对象：

   payload: ((err||{}).response||{}).data || 'Error unexpected'

   这将在您有未定义的值之前检查您的嵌套对象。

   从Oliver Steele 博客中挑选的解决方案