uni-app 国际化问题：APP显示名称不会改变

在 uni-app 中实现国际化时，如果你发现应用的显示名称（App Display Name）没有随着语言切换而改变，可能是因为你没有正确配置或更新应用的显示名称。以下是一些可能的原因和解决方法：

1. 检查 manifest.json 配置

uni-app 的应用显示名称通常是在 manifest.json 文件中配置的。你可以通过在 manifest.json 中为不同语言配置不同的应用名称来实现国际化。

例如：

{
  "name": "MyApp",
  "app-plus": {
    "name": {
      "zh_CN": "我的应用",
      "en": "MyApp"
    }
  }
}

2. 使用 uni.setLocale 方法

uni-app 提供了 uni.setLocale 方法来动态切换应用的语言环境。你可以通过调用这个方法来实现应用内语言切换。

uni.setLocale('zh_CN'); // 切换到中文
uni.setLocale('en'); // 切换到英文

3. 确保 manifest.json 文件被正确加载

有时候，manifest.json 文件可能没有被正确加载或解析。你可以尝试重新编译项目，或者检查是否有其他配置覆盖了 manifest.json 中的设置。

4. 检查平台特定的配置

不同平台（如 iOS 和 Android）可能有不同的配置方式。确保你为每个平台都正确配置了应用显示名称。

例如，在 iOS 中，你可以在 Info.plist 文件中配置应用显示名称：

<key>CFBundleDisplayName</key>
<string>MyApp</string>

在 Android 中，你可以在 AndroidManifest.xml 文件中配置应用显示名称：

<application
    android:label="@string/app_name"
    ...>
</application>

然后在 res/values/strings.xml 和 res/values-zh/strings.xml 等文件中定义不同语言的字符串资源。

5. 使用第三方插件

如果你觉得原生配置太复杂，可以考虑使用一些第三方插件来简化国际化流程。例如，vue-i18n 是一个常用的国际化插件，可以帮助你管理应用内的多语言资源。

import Vue from 'vue';
import VueI18n from 'vue-i18n';

Vue.use(VueI18n);

const i18n = new VueI18n({
  locale: 'zh_CN', // 默认语言
  messages: {
    zh_CN: {
      appName: '我的应用'
    },
    en: {
      appName: 'MyApp'
    }
  }
});

new Vue({
  i18n,
  // 其他配置
}).$mount('#app');

然后在你的组件中使用 $t 方法来获取国际化字符串：

<template>
  <div>{{ $t('appName') }}</div>
</template>

6. 重新编译和打包

有时候，修改了 manifest.json 或其他配置文件后，需要重新编译和打包应用，以确保更改生效。

npm run dev:mp-weixin # 开发环境
npm run build:mp-weixin # 生产环境