路由器使用nuxt-i18n在nuxt中推送区域设置路由

npm install nuxt-i18n

// nuxt.config.js

module.exports = {
  modules: [
    'nuxt-i18n',
  ],
  i18n: {
    locales: [
      {
        code: 'en',
        name: 'English',
        file: 'en.js',
      },
      {
        code: 'zh',
        name: '中文',
        file: 'zh.js',
      },
    ],
    defaultLocale: 'en',
    vueI18n: {
      fallbackLocale: 'en',
    },
    strategy: 'prefix',
    detectBrowserLanguage: {
      useCookie: true,
      cookieKey: 'i18n_redirected',
      alwaysRedirect: true,
    },
  },
}

// lang/en.js

export default {
  welcome: 'Welcome to my website!',
  about: 'About',
  contact: 'Contact',
}

// lang/zh.js

export default {
  welcome: '欢迎访问我的网站！',
  about: '关于',
  contact: '联系我们',
}

<template>
  <div>
    <h1>{{ $t('welcome') }}</h1>
    <nav>
      <ul>
        <li><a :href="$t('about')">About</a></li>
        <li><a :href="$t('contact')">Contact</a></li>
      </ul>
    </nav>
  </div>
</template>