Nuxt•10mo ago

getRequestIP returns nothing

Hi there, I need to get the clients IP in a API Route.
Currently I'm trying this:

const ip = getRequestIP(event)

const ip = getRequestIP(event)

I've found this somewhere in the docs.
But it returns undefined in Dev (nuxt dev) and on NuxtHub aswell..

Unfortunately I need the IP so are there any workarounds?

kapa.ai•3/12/25, 1:23 PM

Hi @RainyDev. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base.

kapa.ai•3/12/25, 1:23 PM

----------------------
I understand you're having trouble getting the client IP address in your Nuxt API route. Let me help you with this issue.

The function should work in Nuxt, but there are a few considerations to be aware of:

In development mode (), it might return because you're likely accessing your app through localhost.
When deployed, you often need to configure your server to properly forward IP information, especially if your app is behind a proxy or CDN.

Here's how you can improve your implementation:

The option tells the function to check the header, which is commonly set by proxies and CDNs with the client's original IP address H3 Utils.

For Nginx configurations, you'll need to ensure proper headers are set:

This configuration forwards the necessary headers to your Nuxt application Stack Overflow Post.

If you're using NuxtHub or another hosting provider, you might need to check their documentation for specific configurations related to IP forwarding.

Alternatively, you could create a store to manage the IP information as shown in this example:

```ts
// stores/ip.ts
import { defineStore } from 'pinia';

export const useIpStore = defineStore('ip', {
state: () => ({
_ip: ''
}),
getters: {
ip: (state) => state._ip,
// Add other getters as needed
},
actions: {
setIp(ip: string) {
this._ip = ip;
}
}
});

kapa.ai•3/12/25, 1:23 PM

// In a plugin (e.g., plugins/init.ts)
import { defineNuxtPlugin } from '#app';
import { useIpStore } from '~/stores/ip';

export default defineNuxtPlugin(async (nuxtApp) => {
const headers = useRequestHeaders();
const ip = headers['x-real-ip'] ?? '';
const ipStore = useIpStore();
ipStore.setIp(ip);
});
```

This approach uses request headers directly and stores the IP in a Pinia store for use throughout your application Stack Overflow Post.
----------------------
Note: you can ask me a follow up question by @ mentioning me again

----------------------

kapa.ai•3/12/25, 1:23 PM

@994277952390971412 Kapa.ai is still learning and improving, please let me know how I did by reacting below.

Kkapa.ai // In a plugin (e.g., plugins/init.ts) import { defineNuxtPlugin } from '#app'; ...

RainyDevOP•3/12/25, 1:28 PM

[

]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"?

I'm trying to get the api in an api route

RainyDevOP•3/12/25, 1:28 PM

@kapa.ai

kapa.ai•3/12/25, 1:28 PM

Let me check the knowledge base for you again. One moment!

kapa.ai•3/12/25, 1:28 PM

Sorry @RainyDev, I seem to be having a bit of trouble. Don't worry though, I've pinged my support and they will try to fix me up! :technologist:

Perhaps try again in 15mins?

harlan•3/13/25, 8:38 AM

you want to pass in the second arg so that the x-forwarding-address is used

harlan•3/13/25, 8:38 AM

iirc