Nuxt generate не заполняет сгенерированные HTML файлы содержимым

Question

У меня есть проект Nuxt, построенный на внешнем безголовом API (JSON), который передает контент в приложение. Когда я пытаюсь запустить npm run generate , Nuxt создаст папку dist со всеми маршрутами в папке и заполнит каждый из них файлом индекса. html. Однако эти HTML файлы не заполнены каким-либо содержимым, исходящим из API. Ожидаемое поведение заключается в том, что я могу видеть статически сгенерированный контент.

Может ли кто-нибудь сказать мне, почему предварительная визуализация моего приложения не работает? Я подозреваю, что что-то не так с моим nuxt.config. js:

generate: {
    routes() {
      // Routes from headless CMS
      const pages = axios.get(`${api}/routes.json`).then((res) => {
        return res.data.data.map((item) => {
          return item.route
        })
      })

      // External API with vacancies
      const vacancies = axios
        .get('https://api.external.website')
        .then((res) => {
          return res.data.jobs.map((item) => {
            return '/careers/vacancies/' + item.id
          })
        })

      // Combine both routes
      return Promise.all([pages, vacancies]).then((values) => {
        return [...values[0], ...values[1]]
      })
    }
  }