Ant Design Pro 指定国际化语言

config.ts

在config/config.ts中：

locale 对象

1. 将default改为目标语言。
2. 将baseNavigator基于浏览器的navigator.language改为false，表示不会基于浏览器的navigator.language而自动切换语言。
3. antd的基础组件（如：Table）是否开启国际化，设置为true即可。

layout 对象

layout中的locale表示菜单中的item是否开启国际化。

export default defineConfig({
  /**
   * @name 国际化插件
   * @doc https://umijs.org/docs/max/i1[https://umijs.org/docs/max/i18n](https://umijs.org/docs/max/i18n)8n
   */
  locale: {
    // default zh-CN
    default: 'en-US',
    antd: true,
    // default true, when it is true, will use `navigator.language` overwrite default
    baseNavigator: false,
  },
  
  layout: {
    locale: true,
    ...defaultSettings,
  },
})

特别注意

如何开发时点过切换语言的，Ant Design Pro框架会在localStorage中记录umi_locale，记得删除。

否则会发现无痕模式没有问题，其他没用过的浏览器没有问题。

文档

https://umijs.org/docs/max/i18n

https://umijs.org/docs/max/layout-menu