Responsive IP Address Tracker with Nuxt 3, Geoipify, and Nuxt3-Leaflet

Community feedback

• 

  otr-web-study•300

  @otr-web-study

  Posted over 1 year ago

  Hi, Muhamad Rizki Ismail. Try to put data in the store using the useFetch's interceptor onResponse. Something like this:

  await useFetch(API_URL, {
    onResponse({ response }) {
      const data = response._data;
      // put your data in the store here
    },
  });
  

  As for getting the client's IP address, then you need to take into account the fact that the code from the server folder is always executed in the context of the server, i.e. in your case, this code is executed on the netlify.app server. To get the client's address, you can use the HTTP header - x-forwarded-for. For example, like this:

  export default defineEventHandler((event) => {
    const clientIP = event.node.req.headers['x-forwarded-for'];
    // fetch clientIP's information here
  });
  

  11

  Marked as helpful