Vue.js VUE i18n无法转换错误消息

我已经添加了VUE i18n模块以在本地处理翻译，它工作正常。现在我想翻译从后端接收到的错误消息。 我的配置是

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

Vue.use(VueI18n)

function loadLocaleMessages () {
const locales = require.context('./locales', true, /[A-Za-z0-9-_,\s]+\.json$/i)
const messages = {}
locales.keys().forEach(key => {
const matched = key.match(/([A-Za-z0-9-_]+)\./i)
if (matched && matched.length > 1) {
  const locale = matched[1]
  messages[locale] = locales(key)
}
})
return messages
}

export default new VueI18n({
 locale: process.env.VUE_APP_I18N_LOCALE || 'en-GB',
 fallbackLocale: process.env.VUE_APP_I18N_FALLBACK_LOCALE || 'en-GB',
 messages: loadLocaleMessages()
 })

---

我正在使用一个API，并且能够在该API的响应中转换消息。有人能帮我吗。谢谢

假设您的API返回的密钥与

locales/en.js

文件中的密钥相同-您可以简单地调用

this.$t（错误的密钥）

@IVOGELOV是的，它返回相同的密钥，但我正在转换组件之外的js文件中的响应。它的helper.js然后在您的

helpers.js

中，您必须导入包含问题中显示的代码的文件-这样您就可以访问VueI18n实例了。@IVOGELOV已经这样做了。如果我调用i18n.t（'logout_successFully'），它就工作了，但是如果我在api响应（即api（））中翻译它，它就不工作了。然后（response=>{i18n.t（response.message）}）您应该检查

response.message

是否是

logout_successFully

或者其他什么。此外，您可能需要将

i18n.t（）

的结果返回给Promise。