使用 axios 獲取 400 錯誤錯誤請求

Question

我正在使用 axios 並收到 400 錯誤請求錯誤。 我正在使用 react-redux 並嘗試向 localhost:3000/posts 發送發布請求。 這是我正在使用的代碼。

import axios from 'axios';
import {
  GET_ALL_POSTS,
  GET_POST,
  CREATE_POST,
  DELETE_POST,
  UPDATE_POST
} from './types';

const ROOT_URL = 'http://localhost:3000';

export function createPost({content, title}, cb) {
  return function(dispatch) {
    axios.post(`${ROOT_URL}/posts`, {content, title})
      .then((response) => {
        console.log(response);
        dispatch({
          type: CREATE_POST,
          payload: response
        });
      })
      .then(() => cb())
      .catch((error) => {
        console.log("Problem submitting New Post", error);
      });
  }
}

Answer 1

我也得到了這個錯誤，問題不在於服務器或axios或代理URL。 問題是我沒有從我的反應應用程序發送正確的數據。 例如我應該發送： { email: 'ib2@gmail.com', password: 'asdf' }

我發送的是： { name: 'ib2@gmail.com', password: 'asdf' }

這導致api不懂名稱字段，因為我提供了電子郵件作為api中的密鑰。

因此，如果您仍然面臨問題，請嘗試檢查您是否正在發送正確的數據。

Answer 2

對於每個發布請求，客戶端首先發送OPTIONS請求以檢查服務器是否已准備好接受連接。 您還應該允許服務器接受選項請求。 如果您不允許在節點服務器的情況下使用以下行

app.use(function(req, res, next) {
   res.header('Access-Control-Allow-Methods', 'POST, GET, OPTIONS');
      next();
});

Answer 3

遇到與此類似的問題，問題是（在 C# 后端）是我發送的數據類型與 [FromWhatever] 設置不匹配。 很容易錯過，因為智能感知對設置漠不關心，並且沒有詳細說明請求格式不同。

"