【vue 系列】nuxt2 配置国际化详细教程

首先是要下载安装我们的i18n插件依赖。安装指令：
        npm install --save @nuxtjs/i18n
        
这里千万不要下载错了   
        错误命令：npm install vue-i18n     // 这是vue中的

{
  "links": {
    "home": "Home",
    "title": "title"
  }
}

{
    "links": {
      "home": "主页",
       
    },
    
  }

export default function ({
 isHMR,
 app,
 store,
 route,
 params,
 error,
 redirect
}) {
 const defaultLocale = app.i18n.fallbackLocale
 // If middleware is called from hot module replacement, ignore it
 if (isHMR) {
   return
 }
 // Get locale from params
 const locale = params.lang || defaultLocale
 if (!store.state.locales.includes(locale)) {
   return error({ message: 'This page could not be found.', statusCode: 404 })
 }
 // Set locale
 store.commit('SET_LANG', locale)
 app.i18n.locale = store.state.locale
 // If route is /<defaultLocale>/... -> redirect to /...
 if (
   locale === defaultLocale &&
   route.fullPath.indexOf('/' + defaultLocale) === 0
 ) {
   const toReplace =
     '^/' +
     defaultLocale +
     (route.fullPath.indexOf('/' + defaultLocale + '/') === 0 ? '/' : '')
   const re = new RegExp(toReplace)
   return redirect(route.fullPath.replace(re, '/'))
 }
}

/*
 * @Description:
 * @Author: 若城
 * @Date: 2023-10-26 17:47:24
 * @LastEditTime: 2023-10-26 17:47:30
 */
export const state = () => ({
  locales: ['en', 'zh'],
  locale: 'en'
})

export const mutations = {
  SET_LANG (state, locale) {
    if (state.locales.includes(locale)) {
      state.locale = locale
    }
  }
}

plugins:[ '~/plugins/i18n.js'], 
router: {
    middleware: 'i18n'
  },

  {{ $t('links.home') }}