Как в axios сделать подобный url?

Question

[js_akula]

Привет, недавно столкнулся с проблемой, что api нужен запрос типа:

https://api.kinopoisk.dev/v1.4/movie?page=1&limit=10&notNullFields=id&notNullFields=poster.url

С двумя одинаковыми именами параметров, но разными значениями.
Пробовал что-то по типу такого:

params: {
                    page: page,
                    limit: limit,
                    notNullFields: ['poster.url', 'movieLength']
                }

Но не помогло

Comments

[Wispik]

не может быть такого запроса, где 2 одинаковых параметра, потому что последний всегда перезатирает предыдущие.
Но если очень надо, ничто не мешает сделать такой запрос вручную через join

[Александр Антонов]

Wispik, ошибаешься, когда хотят в строке передать массив добавляют подряд несколько раз один параметр, что то вроде этого 'localhost:4000?hi=there&id=1&id=2&id=3', либо через класс URLSearchParams собрать

function createQueryString(obj) {
  const query = new URLSearchParams()

  for (const key in obj) {
    if (Object.hasOwn(obj, key)) {
      const item = obj[key]

      if (!Array.isArray(item))
        query.append(key, String(item))
      else {
        for (const el of item) {
          query.append(key, String(el))
        }
      }
    }
  }

  return query.toString()
}

const args = {
  hi: 'there',
  id: ['1', '2', '3']
}

console.log(createQueryString(args))

[Dmitry Bay]

Wispik, а на сервере будут два параметра $_GET?

Скорее всего там задание кривое, и автору надо посылать notNullFields[]=x&notNullFields[]=y , а он делает это корректно.

[Александр Антонов]

Dmitry Bay, если сервер нормальный то он проверит что пришло, строка или массив

[Dmitry Bay]

Александр Антонов, Выглядит, конечно, отстойно, что даже на фронте нужно пересобирать массив. Но если так требуется в задаче...

[Александр Антонов]

Dmitry Bay, в плане пересобрать массив? А как ты ещё хочешь преобразовать объект в get параметры?

[Dmitry Bay]

Александр Антонов,

Мне было бы достаточно взят вот такой массив

const args = {
  hi: 'there',
  id: ['1', '2', '3']
}

И отправить его через axios на сервер в формате id[]=&id[]= , т.е. не придумывать доп логику, там где она не нужна.
Если бы задача была отдавать id=1,2,3& , тогда бы я задумался.

[Александр Антонов]

Dmitry Bay, зависит от способностей сервера, помню как то давно пробовал отправить массив в подобном виде на express.js но он вроде не умел парсить такие строки

Answer 1

[Lynn «Кофеман»]

https://github.com/axios/axios/#request-config

Нужно использовать paramsSerializer.indexes

Configuration for formatting array indexes in the params.
Three available options:
(1) indexes: null (leads to no brackets),
(2) (default) indexes: false (leads to empty brackets),
(3) indexes: true (leads to brackets with indexes).

axios.get('https://api.kinopoisk.dev/v1.4/movie', {
  params: {
    page: page,
    limit: limit,
    notNullFields: ['poster.url', 'movieLength']
  },
  paramsSerializer: {
    indexes: null
  }
});

Comments

[js_akula]

Спасибо большое!