[Get data from API with axios] #JavaScript #axios

index.js

import axios from 'axios'

const url = 'https://jsonplaceholder.typicode.com/todos'

async function getTodo(id) {
	try {
		const response = await axios.get(`${url}/${id}`)
		// console.log(response)
		return (response.data)
	}
	catch (error) {
		// console.error(error)
		return 'データ取得失敗'
	}
	finally {
		console.log('必ず実行(データ取得中に先に呼ばれる)')
	}
}

console.log(await getTodo(1))
console.log(await getTodo(2))
console.log(await getTodo(-1)) // 失敗

index2.js

import axios from 'axios'

const url = 'https://jsonplaceholder.typicode.com/todos/1'

axios.get(url)
	.then((response) => { // 成功のとき
		console.log('成功: ', response.data)
	})
	.catch((error) => { // エラーの時
		// console.log('エラー: ', error)
		console.log('データ取得失敗')
	})
	.then(() => { // 必ず実行
		console.log('必ず実行(最後に呼ばれる)')
	})