Как преобразовать curl с параметром --data в fetch с методом get?

Question

[Vapoltavecs]

Здравствуйте, необходимо преобразовать

curl -X GET http://127.0.0.1:8000/api/feed/posts/ --data "page=1" -H "Authorization: Token a96a3545bb566272f0fdfb405a0cccb7173da660"

в fetch с методом get. Каким образом я могу передать туда параметр page? я пробовал вот этот сайт, но он возвращает мне fetch с методом post

Comments

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

…/posts/?page=1 Типа так?

[Vapoltavecs]

Lynn «Кофеман», да, но я сделал такой url, как вы написали через axios.params(написал

axios.get('https:...../posts', 
params:{
 page: 5
}
)

и запрос оно делает на url, как указан у вас, но данные возвращает те же самые, как если не указывать страницу. При этом если в curl поменять страницу, то и данные поменяются

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

Покажите что выводит curl -v -X GET …

[ceeed]

Lynn «Кофеман»,
Вот что выдает когда меняю в curl page=2 например. В axios не меняется query.

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

Ответ мне неинтересен. Запрос покажите

[ceeed]

Lynn «Кофеман»,

curl -X GET http://127.0.0.1:8000/api/feed/posts/ --data "page=1" -H "Authorization: Token a96a3545bb566272f0fdfb405a0cccb7173da660"

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

ceeed, это не запрос, а команда
Я просил выполнить curl с ключом -v что бы увидеть запрос. Неужели так сложно прочитать одну строку?

[ceeed]

Lynn «Кофеман», Простите, не внимательно прочитал.

*   Trying 127.0.0.1...
* TCP_NODELAY set
* Connected to 127.0.0.1 (127.0.0.1) port 8000 (#0)
> GET /api/feed/posts/ HTTP/1.1
> Host: 127.0.0.1:8000
> User-Agent: curl/7.55.1
> Accept: */*
> Authorization: Token a96a3545bb566272f0fdfb405a0cccb7173da660
> Content-Length: 6
> Content-Type: application/x-www-form-urlencoded
>
* upload completely sent off: 6 out of 6 bytes
< HTTP/1.1 200 OK
< Date: Mon, 03 Jan 2022 15:24:15 GMT
< Server: WSGIServer/0.2 CPython/3.9.7
< Content-Type: application/json
< Vary: Accept, Origin, Cookie
< Allow: GET, HEAD, OPTIONS
< X-Frame-Options: DENY
< Server-Timing: TimerPanel_utime;dur=0;desc="User CPU time", TimerPanel_stime;dur=0;desc="System CPU time", TimerPanel_total;dur=0;desc="Total CPU time", TimerPanel_total_time;dur=2106.578826904297;desc="Elapsed time", SQLPanel_sql_time;dur=8.000612258911133;desc="SQL 84 queries", CachePanel_total_time;dur=0;desc="Cache 0 Calls"
< Content-Length: 7661
< X-Content-Type-Options: nosniff
< Referrer-Policy: same-origin
< Cross-Origin-Opener-Policy: same-origin

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

ceeed, curl отправил GET-запрос с телом. Хотя стандарт HTTP это допускает, ни один браузер так не умеет.

Ну и, судя по принятому ответу, нужен был банальный query

[ceeed]

Lynn «Кофеман», что значит банальный query?
Если вот так, то тоже не работает. Опять одни и те-же параметры

get(page) {
    return axios.get(`http://127.0.0.1:8000/api/feed/posts?page=${page}`, {});
  },

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

ceeed, и кто тогда принял вот этот ответ в котором ровно такой URL и будет?

Вернее, конечно не такой, а …/api/feed/posts/?page=1

Answer 1

[Дмитрий Беляев]

Если данные передаются в url в виде GET параметров:

const url = new URL('http://127.0.0.1:8000/api/feed/posts/');
url.searchParams.append('page', 1);

fetch(url, {
  headers: {
    Authorization: 'Token a96a3545bb566272f0fdfb405a0cccb7173da660',
  },
});

Answer 2

[rPman]

--get --data-urlencode page=1

Comments

[Vapoltavecs]

rPman мне нужно получить JavaScript код

Answer 3

[Надим]

Попробуй так:

(async function() {
	
	try {
		
		var response = await (await fetch('http://127.0.0.1:8000/api/feed/posts/', {
			method: 'POST',
			headers: {
				'Authorization': 'Token a96a3545bb566272f0fdfb405a0cccb7173da660',
				'Content-Type': 'application/x-www-form-urlencoded; charset=UTF-8'
			},
			body: 'page=1'
		})).text();
		
		console.log('Запрос успешно отправлен, ответ сервера:');
		console.log(response);
		
	}
	
	catch(err) {
		
		console.log('Запрос завершился неудачно, детали ниже:');
		console.error(err);
		
	}
	
})();