javascript - axios get request with body and header - Stack Overflow

admin管理员组

文章数量:1344610

how can I something like this, sending body params and header with Authorization token into this

const searchByDate = async ({ date1, date2 }) => {
  const tokenApp = window.localStorage.getItem('token');
  const { data: res } = await axios.get(`${baseUrl}/search`, {
    data: { date1: date1, date2: date2 },
    headers: { Authorization: `${tokenApp}` },
  });
  return res;
};

so far it is throwing me an error Required request body is missing

how can I something like this, sending body params and header with Authorization token into this

const searchByDate = async ({ date1, date2 }) => {
  const tokenApp = window.localStorage.getItem('token');
  const { data: res } = await axios.get(`${baseUrl}/search`, {
    data: { date1: date1, date2: date2 },
    headers: { Authorization: `${tokenApp}` },
  });
  return res;
};

so far it is throwing me an error Required request body is missing

• javascript
• axios
• get

Share Improve this question Follow edited Sep 23, 2024 at 6:21 VLAZ 29.1k99 gold badges6363 silver badges8484 bronze badges asked Dec 22, 2021 at 6:56 Jose A.Jose A. 56333 gold badges99 silver badges1919 bronze badges 1

• Does this answer your question? Sending Request body for GET method in AXIOS throws error – Quentin Commented Dec 22, 2021 at 8:05

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

In general there is no point in a body for GET requests, so axios does not support it.

If you read the axios config documentation, you will find

// data is the data to be sent as the request body
// Only applicable for request methods 'PUT', 'POST', 'DELETE , and 'PATCH'

You can read more at HTTP GET with request body for the reasons.

---

If you want to send data in a GET request use the params property

// params are the URL parameters to be sent with the request
// Must be a plain object or a URLSearchParams object

There is no field related to body in get method in axios you can transfer data by get the data in query in URL like this:

const searchByDate = async ({ date1, date2 }) => {
  const data = { date1: date1, date2: date2 }
  const tokenApp = window.localStorage.getItem('token');
  const { data: res } = await axios.get(`${baseUrl}/search?data=${JSON.stringify(data)}`, {
    headers: { Authorization: `${tokenApp}` },
  });
  return res;
};

in backend to convert the data from string to original data types just wrap the data in

JSON.parse(data)

本文标签： javascriptaxios get request with body and headerStack Overflow