Json Question posted in
Our archive of expertly curated questions and answers provides insights and solutions to common problems related to this popular data interchange format. From parsing and manipulating JSON data to integrating it with various programming languages and web services, our archive has got you covered. Start exploring today and take your JSON skills to the next level

Json – Upgrading Axios from 0.27.2 to 1.6.2 is breaking get requests with params. What should I do?

I recently tried to fix all npm vulnerabilities in a project. Part of that attempt was upgrading Axios from 0.27.2 to 1.6.2.

In doing so, the format of the params prop for axios.get requests was changed. It was changed from something like:

enter image description here

To something like:

enter image description here

Source: https://github.com/axios/axios/issues/4999

How can I upgrade Axios but still use the same format as before?

I tried adding the following to my Axios instance, but it doesn’t seem to work:

enter image description here

Tags:

2

Answers


  1. Chosen as BEST ANSWER
    0

    It turns out Axios in 1.6.2 was sending the data fine to the server for get requests. My problem is that I was assuming I had to decode (parse) JSON data when objects or arrays of data were being sent for subprops of params.

    After removing that assumption in my back-end code, everything worked.


  2. 0

    Use this

    axios.defaults.paramsSerializer = params =>
  Object.keys(params)
    .filter(key => params[key] !== undefined)
    .map(key => {
      if (Object.prototype.toString.call(params[key]) === "[object Object]") {
        params[key] = JSON.stringify(params[key]);
      }
      if (Array.isArray(params[key])) {
        return params[key].map((v: any) => `${key}[]=${encodeURIComponent(v)}`).join("&");
      }
      return `${key}=${encodeURIComponent(params[key])}`;
    })
    .join("&");
    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search