Vue3 + TypeScript + MSWã®è©¦ã—メモ(1) - 技術メモã¯ã˜ã‚㫠最近MSW(MockServiceWorker)ã®è©±é¡Œã‚’よã見ã‹ã‘ã‚‹ã®ã§ã€è‡ªåˆ†ãŒé–¢ã‚ã£ã¦ã„るプãƒãƒ€ã‚¯ãƒˆã§åˆ©ç”¨ã§ããã†ã‹è©¦ã—ã«ä½¿ã£ã¦ã¿ã¾ã—ãŸã€‚ 今回ã®è¨˜äº‹ã§ã¯MSWを実際ã«åˆ©ç”¨ã™ã‚‹ã¾ã§ã®ç’°å¢ƒæ§‹ç¯‰ã«ã¤ã„ã¦è¨˜è¼‰ã—ã¦ã„ã¾ã™ã€‚ MSWã¨ã¯ åå‰ã®é€šã‚ŠServiceWorkerを使用ã—ã¦ãŠã‚Šã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‹ã‚‰ã®APIリクエストをインターセプトã—ã¦è¿”ã—ã¦ãれるモックAPIã§ã™ã€‚ã“ã®å›³ã‚’見るã¨å‹•ä½œã‚¤ãƒ¡ãƒ¼ã‚¸ãŒã—ã‚„ã™ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ServiceWorker上ã§è¿”ã—ã¦ãれるã®ã§ã€åˆ¥é€”モックサーãƒãƒ¼ã‚’ç«‹ã¦ã‚‹ã“ã¨ãªãã€ã™ãã«ç”¨æ„ã§ãã‚‹ã¨ã“ã‚ãŒãƒ¡ãƒªãƒƒãƒˆã®1ã¤ã¨ã—ã¦æŒ™ã’られるよã†ã§ã™ã€‚実際ã«ç°¡å˜ã«ãƒ¢ãƒƒã‚¯APIを試ã™ã“ã¨ãŒã§ãã¾ã—ãŸã€‚ 試ã—ãŸãƒãƒ¼ã‚¸ãƒ§ãƒ³æƒ…å ± Vue：3.2.45 MSW: 1.0.0 環境構築 Vueã®ç’°å¢ƒæ§‹ç¯‰ Vue3ã®ãƒ‰ã‚ュメントã«æŽ²è¼‰ã•ã‚Œã¦ã„る方法ã§ç’°å¢ƒæ§‹ç¯‰ã—ã¦ã„ãã¾ã™ã€‚ npm in
{{#tags}}- {{label}}
{{/tags}}