Comment réparer 431 Demander des champs d'en-tête trop grande dans l'application React-Redux

Question

Je travaille via un didacticiel d'authentification/authentification de mer d'inscription sur YouTube qui utilise Redux. Lors de la tentative de POST Un utilisateur de test sur le serveur en Postman, je reçois la demande d'en-tête 431 est une réponse d'erreur trop importante.

J'ai lu dans certains endroits qui éclaircissent le cache/l'historique de votre navigateur. J'ai donc essayé qu'en revanche. J'ai également ajouté dans une entrée "Clear-Site-Data": "*" Entrée à la demande d'en-tête (en plus de "Type de contenu": "Application/Json") qui n'a pas non plus encore fonctionné.

Code côté client pour l'inscription

  onSubmit = e => {
    e.preventDefault();
    const { name, email, password } = this.state;

    const newUser = {
      name,
      email,
      password
    };

    this.props.register(newUser);
  };

//redux actions
export const register = ({ name, email, password }) => dispatch => {

  const config = {
    headers: {
      "Content-Type": "application/json",
      "Clear-Site-Data": "*"
    }
  };

  // Request body
  const body = JSON.stringify({ name, email, password });

  axios
    .post('/api/users', body, config)
    .then(res =>
      dispatch({
        type: REGISTER_SUCCESS,
        payload: res.data
      })
    )
    .catch(err => {
      dispatch(
        returnErrors(err.response.data, err.response.status, 'REGISTER_FAIL')
      );
      dispatch({
        type: REGISTER_FAIL
      });
    });
};

L'inscription de l'utilisateur doit être envoyé un nom, un email et un mot de passe sur mon DB Mongo connecté, cependant, il s'arrête et Redux frappe le type de registre_fail que j'ai créé renvoyé l'erreur 431. Toute aide serait grandement appréciée. Merci!

Answer 1

La question que j'avais eu est que j'essayais d'accéder à un fichier dans le répertoire src. Le correctif consiste à le déplacer dans le répertoire public et cela fonctionne maintenant bien.

Par exemple. De

public
 - index.html
 - favicon.ico
 - etc
src
 > access-me
 - App.tsx
 - etc

à

public
 > access-me
 - index.html
 - favicon.ico
 - etc
src
 - App.tsx
 - etc

Answer 2

Est-ce du cours de Brad Travavery? Vérifiez "proxy" dans package.json, ou essayez d'utiliser une URL complète dans la demande AxIOS. Je devais redémarrer complètement serveur après des modifications, BC Il utilise toujours l'ancien port (BTW, j'étais entré un mauvais port)