在VueJS和VueI18n中的运行时动态加载翻译

Question

我们正在使用VueI18n plugin来国际化我们的Vue应用程序，到目前为止，它工作得很好。文本内容由我们的编辑人员使用Zanata进行管理和翻译。

然而，我们目前的方法有一个主要的缺点。我们在构建时从Zanata中提取翻译，即将它们“烘焙”到应用程序中。因此，每次编辑文本时，我们都需要重新构建和重新部署应用程序。

有没有什么方法可以在运行应用程序时拉出翻译(或翻译文件)，以便始终向用户呈现最新的内容？

Answer 1

如果您加载转换文件，然后使用setLocaleMessage( locale, message )加载它们，您应该能够做到这一点。我假设你用的是axios。

axios.get('/path/to/locale_de')
.then((response) => {
  Vuei18nInstance.setLocaleMessage('de', response)
});

响应应该是一个普通的JSON。