1. 安裝 @nuxtjs/i18n

2. nuxt.config.js 配置

// /server_utils/i18n.js 目錄是自定義的專門用于服務(wù)器端使用的js文件插件

module.exports = {
    strategy: 'no_prefix',
    defaultLocale: 'en',
    numberFormats,
    // 根據(jù)項(xiàng)目情況津辩，酌情配置
    locales: [
      {
        code: 'en',
        iso: 'en-US',
        name: 'English',
        file: 'en.js'
      },
      {
        code: 'hi',
        iso: 'hi-in',
        name: '??????',
        file: 'hi.js'
      },
      {
          code: 'es',
          iso: 'es-ES',
          name: 'Espa?ol',
          file: 'es.js'
      },
      {
        code: 'vi',
        iso: 'vi-VN',
        name: 'Ti?ng Vi?t',
        file: 'vi.js'
      },
      {
        code: 'pt',
        iso: 'pt-PT',
        name: 'Português',
        file: 'pt.js'
      },
      {
        code: 'ru',
        iso: 'ru-RU',
        name: 'русский язык',
        file: 'ru.js'
      },
      {
        code: 'id',
        iso: 'id-ID',
        name: 'русский язык',
        file: 'id.js'
      },
      {
        code: 'de',
        iso: 'de-DE',
        name: 'Deutsch',
        file: 'de.js'
      },
      {
        code: 'fr',
        iso: 'fr-FR',
        name: 'fran?ais',
        file: 'fr.js'
      },
      {
        code: 'it',
        iso: 'it-IT',
        name: 'italiano',
        file: 'it.js'
      },
      {
        code: 'ms',
        iso: 'ms-MY',
        name: 'bahasa Melayu',
        file: 'ms.js'
      },
      {
        code: 'nl',
        iso: 'nl-NL',
        name: 'Nederlands',
        file: 'nl.js'
      },
      {
        code: 'tr',
        iso: 'tr-TR',
        name: 'Türk?e',
        file: 'tr.js'
      },
      {
        code: 'th',
        iso: 'th-TH',
        name: '???????',
        file: 'th.js'
      },
      {
        code: 'bn',
        iso: 'bn-IN',
        name: '?????',
        file: 'bn.js'
      },
      {
        code: 'mr',
        iso: 'mr-IN',
        name: '?????',
        file: 'mr.js'
      },
      {
        code: 'ta',
        iso: 'ta-IN',
        name: '?????',
        file: 'ta.js'
      },
      {
        code: 'te',
        iso: 'te-IN',
        name: '??????',
        file: 'te.js'
      },
      {
        code: 'ar',
        iso: 'ar-SA',
        name: '???????',
        file: 'ar.js'
      },
      {
        code: 'he',
        iso: 'he-IL',
        name: '????????',
        file: 'he.js'
      },
    ],
    lazy: true, // 按需使用下隧，語言包會(huì)分包為獨(dú)立的語言文件
    langDir: `~/lang/`,  // lang 目錄下是個(gè)語言js包署隘，自動(dòng)會(huì)來這里取語言文件
    vueI18n: {
        fallbackLocale: 'en', // 匹配不到多語言時(shí)，使用en
    },
    differentDomains: false,
    detectBrowserLanguage: {
      useCookie: true,
      cookieKey: 'lang',
      alwaysRedirect: true
    }
}

/**
* nuxt.config.js 配置
**/

const i18n = require("./server_utils/i18n"); // i18n 國際化配置
// modules 部分
modules: [
    [
      '@nuxtjs/i18n',
       i18n
    ],
  ],

3. 代碼使用方式：（client | server）都具備了在項(xiàng)目里 i18n的直接訪問使用

例如：

async asyncData(app) {
  app.i18n .......
}

mounted() {
  this.$i18n.........
}

<div>{{ $t('somekey') }}