Axios, async/await を使って非同期にデータを取得する
Tweet- 非同期通信の定番ライブラリ axios を使う
- axios.get('targetUrl') でデータを取得する
- その際 await で axist.get を待つ必要がある
- await を使うために、doSearch メソッドの冒頭に async をつけること
- async が書かれた関数・メソッドの中でのみ await ができる
- axios でデータを取得するときには async/await を使う
/store/search/index.js
import axios from "axios";
const actions = {
async doSearch({ commit }, keyword) {
const results = await axios.get("https://api.myjson.com/bins/uvkns");
const { data } = results;
commit("setResults", data.results);
}
};