在 NextJS 中获取当前位置地址

Question

我想在 nextjs 上做项目，我想获取当前用户位置地址。但是在接下来的 js 导航中 window 不提供值。那么在 NextJS 中如何做呢？

Answer 1

使用router.pathName - 这提供当前路径 -

import { useRouter } from 'next/router'

const router = useRouter();

const currentPath = router.pathName

//...rest of your code

这确保了通过 SSR 和 CSR 的可用性

参考：https://nextjs.org/docs/api-reference/next/router

Answer 2

我通过以下方式解决了它：-

useEffect(()=> {
    navigator.geolocation.getCurrentPosition(function(position) {
      console.log("Latitude is :", position.coords.latitude);
      console.log("Longitude is :", position.coords.longitude);
    });
  })

在 NextJS 中获取当前位置地址

Get Current Location Address in NextJS

userlocation

currentlocation

reactjs

next.js