vue前后分离开发时后端返回的报错信息如何做国际化处理

在Vue前后分离开发中，如果后端返回的报错信息需要国际化处理，可以按照以下步骤进行：

在前端项目中创建一个国际化文件，例如lang/errorMsg.js，用于存放各种报错信息的翻译。
在该文件中定义一个对象，将后端返回的错误码作为key，对应的翻译文本作为value。例如：

// lang/errorMsg.js

export default {
  1001: '用户名不存在',
  1002: '密码错误',
  // ...
}

在Vue组件中，根据后端返回的错误码，从国际化文件中获取对应的翻译文本，然后显示给用户。可以使用Vue的国际化插件（如vue-i18n）来实现。

// 在组件中引入国际化文件
import errorMsg from '@/lang/errorMsg.js';

export default {
  // ...
  methods: {
    handleError(errorCode) {
      const errorMsgText = this.$t(`errorMsg.${errorCode}`);
      // 显示错误信息给用户
      // ...
    }
  }
}

在Vue的国际化配置文件中，将刚才创建的国际化文件引入，并进行配置。

// lang/index.js

import Vue from 'vue';
import VueI18n from 'vue-i18n';
import errorMsg from './errorMsg.js';

Vue.use(VueI18n);

const i18n = new VueI18n({
  locale: 'zh-CN', // 默认语言
  messages: {
    'zh-CN': {
      errorMsg
    },
    'en-US': {
      errorMsg
    }
  }
});

export default i18n;

在Vue的入口文件main.js中，将国际化配置文件引入，并配置给Vue实例。

// main.js

import Vue from 'vue';
import i18n from '@/lang/index.js';
import App from './App.vue';

new Vue({
  i18n,
  render: h => h(App)
}).$mount('#app');

这样，当后端返回报错信息时，前端会根据错误码从国际化文件中获取对应的翻译文本，然后显示给用户，实现了后端报错信息的国际化处理