Nuxt 3のServer Routesでmswを使おうとしてハマった話

はじめに 弊社では、現在、社内プロダクトの開発でNuxt 3を実験的に採用しています。 既存プロダクトの中にNuxt 2を使用して開発しているものがあり、将来的なアップデートに向けて、まずは比較的リスクの低い社内プロダクトから実験していきたいなどの意図があります。 そんな中、Nuxt 3における開発でmswを利用しようとしたところ、少々問題にハマってしまいました... この記事では、具体的にどういう方法で問題を解消したかなどについて解説していきます。 やりたいこと Nuxt 3にはServer Routesという機能があります。 この機能を利用すると、例えば、server/api配下にファイルを配置することで、APIエンドポイントを定義することができます。 開発中のプロダクトの中では、このServer Routesから別サービスのAPIを呼んでいる箇所があり、この別サービスへのAPI呼び出