如何在Vue路由器中为除默认区域设置之外的所有区域设置添加i18n区域设置前缀？

import Vue from 'vue'
import VueRouter from 'vue-router'
import VueI18n from 'vue-i18n'

Vue.use(VueRouter)
Vue.use(VueI18n)

const i18n = new VueI18n({
  locale: 'en', // 默认语言
  fallbackLocale: 'en', // 回退语言
  messages: {
    en: {
      // 英文语言包
    },
    zh: {
      // 中文语言包
    }
  }
})

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/about',
    name: 'About',
    component: About,
    meta: { i18n: true } // 添加i18n区域设置前缀的标记
  },
  // 其他路由器配置...
]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default {
  name: 'App',
  i18n, // 将Vue i18n实例添加到根组件中

  beforeRouteEnter(to, from, next) {
    if (to.meta.i18n) {
      const locale = i18n.locale // 获取当前语言设置
      const prefix = `/${locale}` // 构建i18n区域设置前缀

      to.path = prefix + to.path // 添加前缀到目标路径
    }

    next()
  }
}