# nuxt3 將 api fetch 包成 composables 的注意事項

## nuxt instance unavailable

- useHttp() 內有 useRuntimeConfig()，這一定得放在 `await useAsyncData` 之前，否則 ssr 的時候，如果 api 是 500 錯誤，就會出現 nuxt instance unavailable 的 500 Error。
- 通常上述情況會發生在 composables 內一次發出多支請求的情況。

{                                                                                                                           09:03:01
  url: '/decisions/stat',
  statusCode: 500,
  statusMessage: '',
  message: 'nuxt instance unavailable',
  stack: '<pre><span class="stack internal">at useNuxtApp (./node_modules/nuxt/dist/app/nuxt.mjs:173:13)</span>\n' +
    '<span class="stack internal">at Module.useRuntimeConfig (./node_modules/nuxt/dist/app/nuxt.mjs:181:10)</span>\n' +
    '<span class="stack">at Module.useHttp [as default] (./composables/useHttp.ts:4:40)</span>\n' +
    '<span class="stack">at Module.useDecisionYearStat [as default] (./composables/useDecisionYearStat.ts:31:48)</span>\n' +
    '<span class="stack internal">at process.processTicksAndRejections (node:internal/process/task_queues:95:5)</span>\n' +
    '<span class="stack">at async setup (./pages/decisions/stat.vue:38:19)</span></pre>'
}