axios

AxiosはブラウザでもNode.jsでも動作するHTTPクライアントです。 私のユースケースではサーバサイドのアプリケーションをNode.jsで作ることがあまりないので、フロントエンドでのAxiosの使い方のメモです。 ちなみにAxiosはドキュメント含めて放置されているPRが溜まっているので、何度かPRを出そうと思って断念してますw HTML上でちょっとリクエストを送信したいみたいなケースは以下のようなコードになります。 fetchでも良いのですが、レスポンスやエラーが扱いやすいので基本的にaxiosを利用しています。 <script src="https://cdn.jsdelivr.n…

axiosとは？ axiosを使用した処理例 axios以外のJavascriptのHTTPクライアント axiosとは？ axiosは、JavaScriptで使用される人気のあるHTTPクライアントライブラリです。 主にWebアプリケーションやNode.jsアプリケーションでサーバーとのHTTPリクエストを行う際に使用されます。 axiosを使うことで、簡単にデータの取得や送信、そして処理ができます。 axiosを使用した処理例 以下はaxiosを使用した簡単なGETリクエストの例です: const axios = require('axios'); // GETリクエストを送信 axios…

axiosとは？ axiosを使用した処理例 axios以外のJavascriptのHTTPクライアント axiosとは？ axiosは、JavaScriptで使用される人気のあるHTTPクライアントライブラリです。 主にWebアプリケーションやNode.jsアプリケーションでサーバーとのHTTPリクエストを行う際に使用されます。 axiosを使うことで、簡単にデータの取得や送信、そして処理ができます。 axiosを使用した処理例 以下はaxiosを使用した簡単なGETリクエストの例です: const axios = require('axios'); // GETリクエストを送信 axios…

はじめに この記事は 弁護士ドットコム Advent Calendar 2023 の 23 日目の記事です。 前日は @komtaki さんの「型パズルを理解しTypeScript中級者になる8のポイント」でした。 こんにちは、クラウドサイン事業本部の篠田（@tttttt_621_s）です。 普段はクラウドサインのフロントエンドの改善活動を行なっています。 私が普段携わっているプロダクトでは、HTTP クライアントライブラリとして Axios を使っています。 バージョンとしては 0.21.1 を使っており、アップデートしていきたいと考え直近のバージョンの Breaking changes を…

はじめに 実行環境 フロントエンド バックエンド フロントエンド バックエンド はじめに Buffer型でフロントエンドからバックエンドに送信をして、Buffer型からファイルを作成しました。 半年以上前に作成したもので、現在データが殆ど残っていないため細かい設定などは省略しています。 当時、バックエンドはAWSを使って作成していましたが、後ほどPCに環境を構築して確認していきたいと思います。 参考になる部分が少しでもあれば幸いです。 実行環境 フロントエンド axios : 0.27.2 vue : 3.2.13 @types/node : 18.7.13 typescript : ~4.5…

Keycloakを使用する機会があったので、色々と使い方を調査してみました。 Keycloakは管理画面を提供してくれているのですが、今回は管理画面からではなくAdmin REST APIを使用して「レルム」の作成をしてみます。 なお、管理画面の操作方法については公式ドキュメントに記載があります。

Jest を使ったテストをしていて axios を使っているコンポーネントのテストで下記のようなエラーになった SyntaxError: Cannot use import statement outside a module > 1 | import axios from 'axios'; | ^ SyntaxError: Cannot use import statement outside a module axios が import できないっぽい。なんでや！ 環境 jest 26.6.3 axios 1.4.0 axios が ESM で提供されていて、Jest が CommonJ…