Next.js 获取 当前页面的语言环境（locale）

14 min read

可以使用 next/router 模块的 locale 属性来获取当前页面的语言环境。

首先，在 next.config.js 中配置语言环境：

module.exports = {
  i18n: {
    locales: ['en', 'zh-cn'],
    defaultLocale: 'en',
  },
}

然后，在页面组件中使用 useRouter Hook 获取路由信息，并使用 locale 属性获取语言环境：

import { useRouter } from 'next/router'

function Page() {
  const router = useRouter()
  const locale = router.locale

  return <div>当前语言环境是 {locale}</div>
}

export default Page