【Vue.js】axiosってなんぞや

2020年7月27日 20:53

Udemyを使って勉強したので、アウトプットしたいと思います。

axiosとは

ajaxライブラリ。

JavaScriptからHTTP通信を行う仕組み。

Vue.jsを非同期処理を実装したい時。

どういう事が出来る？

HTTPメソッドを使用できる。

・GET
→サーバーからデータを取得。

・POST
→サーバーにデータを登録。

・PUT/PATCH
→サーバーのデータを更新。

・DELETE
→サーバーのデータを削除

・データをサーバーに送りたい時

axios.post(データの送り先(URL), 送りたいデータ, 詳細設定);

・データのサーバーを取得したい時

axios.get(データを取得したいURL, 詳細設定);

どちらもpromiseを返却する。

.then(response => {
});

.thenはpost(),get()の処理が完了した後に実行される。

.catch(error => {
});

.errorはpost(),get()の処理が失敗した時に実行される。

以上です。

ここまで見て頂きありがとうございました！