当我使用 createAsyncThunk 和 axios 时，我不断收到 400 错误

Question

大家好，我不知道是否有人可以提供帮助，但是当我尝试发布某些内容时使用 createAsyncThunk 和 Axios 时，我会收到 400 错误。 我知道这意味着这是一个糟糕的请求，但我不知道为什么我会收到它。 这是我的代码

const API_URL =
  'https://us-central1-bookstore-api-e63c8.cloudfunctions.net/bookstoreApi/apps/sppWoQdq6XBTog313fKt/books';

export const defaultState = [];

export const getBooks = createAsyncThunk(GET_BOOKS, async () => {
  const response = await axios.get(API_URL);
  return response.data;
});

export const addBook = createAsyncThunk(ADD_BOOK, async (book) => {
  const response = await axios.post(API_URL, book);
  return response.data;
});

export const removeBook = createAsyncThunk(REMOVE_BOOK, async (book) => {
  const response = await axios.delete(`${API_URL}${book.id}`);
  return response.data;
});

export const bookSlice = createSlice({
  name: 'books',
  initialState: defaultState,
  extraReducers: (builders) => {
    builders.addCase(getBooks.fulfilled, (action) => action.payload);
  },
});

export default bookSlice.reducer;

我已经尽我所能来理解为什么我会收到这个错误不同的 api 的不同代码我不知道问题是什么

Answer 1

可以试试强制json header：

axios.post(API_URL, book, {headers: {'Content-Type': 'application/json'}})