[Vue.js]ビューHTTP通信-Axiosは

💻 WebアプリケーションのHTTP通信方法

ユーザとのインタラクションに応じて動的に画面にデータを表示する必要があるため、HTTP通信は必須の機能である.
HTTPは、ブラウザとサーバとの間でデータを交換する通信プロトコルである.
ブラウザでリクエストを送信して特定のデータを送信すると、サーバは応答してデータを送信する.

💻 Axiosは?

ビューで推奨されるHTTP通信ライブラリはAxiosであり、PromiseベースのHTTP通信ライブラリである.

📍 Axiosのインストール方法

CDN方式 <script src="https://unpkg.com/axios/dist/axios.min.js"></script> NPMモード npm install axios

📍 HTTP GETリクエスト

axios.get(「urlアドレス」)です。then().catch(); このURLアドレスに対するHTTP GET要求を送信する。 サーバが送信されたデータを正常に受信している場合は、「次」()で定義された論理を実行します。 データ受信時にエラーが発生した場合にcatch()で定義された論理を実行

📍HTTP POST要求

axios.post(「urlアドレス」)です。then().catch(); このURLアドレスに対するHTTP POST要求を送信する。 GETリクエストと動作は同じです。

📍HTTPリクエストのオプション属性のクリーンアップ

axios({ method : 'get', url:「URLアドレス」 ... }); HTTPリクエストの詳細プロパティを直接定義して送信できます。