Делаю приложение на React + TypeScript, надо отправлять post-запрос. Функция для отправки выглядит так:
import { queryGet } from "./common"
import { AxiosResponse } from "axios";
import { ParsedQs } from "qs";
export type GetQueryOptions = {
$orderby?: string,
orderBy: string,
maxResults: number,
key: string,
q: ParsedQs
}
// запрос отправляется тут
export const getBooks = (
query?: GetQueryOptions
): Promise<AxiosResponse<any>> => queryGet(`https://www.googleapis.com/books/v1/volumes`, query)
Query-параметры я передаю в этой функции:
const handleSearch = (value: string) => {
// проблема тут в q:
getBooks({ q: qs.parse(`${value}+subject:${sortBy}`), orderBy: category, maxResults: 30, key: 'xxx' })
.then(response => dispatch(setBooks(response.data)))
}
Проблема в том, что часть запроса имеет вид q=value+subject:all
, а когда я отправляю запрос, она меняется на q=value%2Bsubject:all
, из-за чего запрос не работает. Я пробовал парсить через qs.parse
, но тогда эта часть запроса оборачивается в квадратные скобки. Как можно это распарсить или передать запрос иначе так, чтобы "+" не менялся на %2B?