httpの練習に最適なサイト

このサイト使えばサクってhttp通信で遊べる

https://developers.thecatapi.com/view-account/ylX4blBYT9FaoVd6OhvR?report=bOoHBz-8t
Cat API へようこそ! これらの手順は、猫の冒険を始めるのに役立ちます。API アクセスの設定と固有の API キーの取得をガイドします。完了したら、最初のリクエストを送信して猫の世界を探索する準備が整います。https://api.thecatapi.com/v1/images/search
ランダムな画像 10 枚を取得するには、ここをクリックしてくださいhttps://api.thecatapi.com/v1/images/search?limit=10
このリンクをコピーし、独自の API キーを追加して、ベンガルの画像 10 枚を取得しますhttps://api.thecatapi.com/v1/images/search?limit=10&breed_ids=beng&api_key=REPLACE_ME

toke

json()メソッドってpromisオブジェクトなのな。
なので、thenかcatchでresolveかpending取得しないといけないのか

json()メソッドがpromisオブジェクトを返すって知らなかった。。

toke

pendingが帰ってきてる時点でthenかcatchで待たないといけないと気づかなければならなかった

toke

	onMount(async () => {
		const res = await fetch('https://api.thecatapi.com/v1/images/search');
		console.log(res.json()) // こういう書き方をするとpromiseが解決しないうちに返却することになるのでpendingになる
		const json = await res.json(); // thenとcatchを兼ねるので、resolveもrejectも受け取れる
		console.log(json[0].url)
		catImage = json[0].url
	})