nuxt-i18n:如何异步加载消息?

我正在构建一个多语言的Nuxt Web应用程序。
使用官方的这个例子 documentation (Codepen link ,我不再希望使用本地JSON文件,在这些文件中,我的翻译将被保存,以便按照下面代码中的定义工作:

messages: {
      'en': require('~/locales/en.json'), # I want to get this asynchronously from an HTTP URL
      'fr': require('~/locales/fr.json') # I want to get this asynchronously from an HTTP URL
    }

我想知道异步设置有哪些可用的替代方法 en 和 fr 通过从URL读取JSON数据来获取值?

插件/i18n.js:

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

Vue.use(VueI18n)

export default ({ app, store }) => {
  // Set i18n instance on app
  // This way we can use it in middleware and pages asyncData/fetch
  app.i18n = new VueI18n({
    locale: store.state.locale,
    fallbackLocale: 'en',
    messages: {
      'en': require('~/locales/en.json'), # How to get this asynchronously?
      'fr': require('~/locales/fr.json') # # How to get this asynchronously?
    }
  })

  app.i18n.path = (link) => {
    if (app.i18n.locale === app.i18n.fallbackLocale) {
      return `/${link}`
    }

    return `/${app.i18n.locale}/${link}`
  }
}

我试过什么 :

messages: {
      'en': axios.get(url).then((res) => {        
         return res.data
        } ),
      'fr': require('~/locales/fr.json')
    }

在哪里? url 指向 /locals/en.json 托管在我的Github配置文件上的文件。