Nuxt3 の useFetch() でローカルファイルを読み込めない

Question

Nuxt 3 RC6 を使って useFetch() のテストをしています。
public/test.json を読み込んで表示するというものです。

該当箇所

OKな例

jsonの内容が問題無く表示されます。

const { data } = await useFetch(
 //  "http://localhost:3000/ が付いている
  "http://localhost:3000/test.json"
);
console.log(data.value);

NGな例

null と表示されます。

const { data } = await useFetch(
 //  "http://localhost:3000/ が付いていない
  "/test.json"
);
console.log(data.value);

URL的には同じ場所を指しているのですが、なぜ後者は null になってしまうのでしょう？

他に試したこと

オプションで {server: false} を付けてみましたが同じ結果でした。

const { data } = await useFetch(
  "/test.json",
  {
    server: false,
  }
);

Answer 1

解決しました！

Nuxt3 はデフォルトで SSRモードだったので、
nuxt.config.ts で ssr: false を指定してSPAモードにすることでローカルファイルが読み込めました。

export default defineNuxtConfig({
  ssr: false, 
  〜略〜