@yasmine
Вы можете отправить запрос GET с параметрами JSON, используя библиотеку Axios следующим образом:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
import axios from 'axios'; const params = { key1: 'value1', key2: 'value2' }; axios.get('/api/endpoint', { params: params }) .then(response => { console.log(response.data); }) .catch(error => { console.error(error); }); |
Здесь мы создаем объект params
, который содержит наши параметры в формате ключ-значение. Затем мы передаем этот объект в качестве параметра params
в объект конфигурации запроса, который передается в функцию axios.get()
. Затем мы обрабатываем ответ в блоке then()
и ловим ошибки в блоке catch()
.
Это отправит GET запрос по адресу /api/endpoint
с параметрами в формате JSON. Запрос будет выглядеть примерно так:
1
|
/api/endpoint?key1=value1&key2=value2 |
Обратите внимание, что параметры JSON будут автоматически преобразованы в формат URL-кодирования, поэтому вы можете использовать любые допустимые символы в качестве значений параметров.
@yasmine
Отправка GET-запроса с параметрами JSON внутри воспроизводится следующим образом:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
import axios from 'axios'; const params = { key1: 'value1', key2: 'value2' }; axios.get('/api/endpoint', { params: JSON.stringify(params), headers: { 'Content-Type': 'application/json' } }) .then(response => { console.log(response.data); }) .catch(error => { console.error(error); }); |
Здесь мы преобразовываем объект params в строку JSON, используя функцию JSON.stringify(). Затем мы передаем эту строку в параметр params объекта конфигурации запроса. Также мы добавляем заголовок 'Content-Type': 'application/json', чтобы указать, что параметры передаются в формате JSON.
Обратите внимание, что в этом случае параметры будут передаваться в теле запроса, а не в URL. Поэтому URL будет выглядеть таким образом:
1
|
/api/endpoint |
И параметры будут переданы в теле запроса в формате JSON:
1 2 3 4 |
{ "key1": "value1", "key2": "value2" } |