概要 MSW を使った API モックを雑に試す Vite で立ち上げた Vue3 アプリケーションを使ってる MSW について MSW (Mock Service Worker) は、 ネットワークレベルで API をモックするための npm パッケージ。 ネットワークレベルというのが特徴で、利用側がモックの存在を意識せずとも、そのままのコードで API レスポンスだけを差し替えることができる。 利用側のコードを書き換える必要がないため、一つのモックで、開発環境、テスト環境、あるいは Storybook のようなサンドボックス環境でもそのまま利用することができる
![[キャッチアップ] MSW](https://cdn-ak-scissors.b.st-hatena.com/image/square/9d3c26fea77c415bdd832dd67b3a9d773235e8ce/height=288;version=1;width=512/https%3A%2F%2Fstorage.googleapis.com%2Fzenn-user-upload%2Favatar%2F845fa75ba8.jpeg)