Why does `fetch('/api/profile')` gives "Invalid URL" when `$fetch('/api/profile')` works just fine?

I am using a the Hono client RPC framework to use this. Behind the fetch, hono uses the default

fetch

fetch

API which results in an error "Invalid URL". So I configured the client to use

$fetch

$fetch

instead. However, I no longer have the type safety that hono provides. Why can't the normal

fetch

fetch

work when the Nuxt is rendering the page in the server??

Why does `fetch('/api/profile')` gives "Invalid URL" when `$fetch('/api/profile')` works just fine? - Nuxt