nuxt generateすると非同期のデータが取得されない

Question

nuxt generateすると非同期のデータが取得されません

簡略化したコードを下に記します。

nuxt.config.js

universalモード

mode: 'universal',

###pages/index.vue
ページ側でasyncDataを実行。store内のfetchItemsを指定

  async asyncData({ store }) {
    await store.dispatch("a/fetchItems");
  }

###stores/a.js
fetchItemsを実行。細かいところだけど、Promise.allを使って並列処理をしている。apiを2個叩いて、帰ってきたデータをstoreしている。

export const actions = {
    async fetchItems({ commit }) {
            let [data1, data2] = await Promise.all([
                axios.get(url, { params: arg_xxx }),
                axios.get(url, { params: arg_yyy })
            ])
            commit('setItems', { 
                items: { 
                    data1: JSON.parse(data1.data), 
                    data2: JSON.parse(data2.data) 
                } 
            })
    }
}

###components/b.vue
storeのデータはリアクティブに取得できるので、a.jsのstoreをマッピングする。

export default {
  computed: {
    ...mapGetters("a", ["data1", "data2"])
  }
};

yarn run devを使うと、上記コードはこちらの望んでいる通りに動いてくれます。

しかしyarn run generateすると、

• data1がない
• data2がない
• data1,data2の両方ない

のどれかとなり、挙動が不安定になります。これはyarn run generateするたびに上記のどれかの動きになります。
nuxt generateをする際に、async awaitが正しく動いてくれているのか不安になります。

nuxt generateで非同期のデータを取得するときは、awaitでデータ取得するまで待たないものでしょうか？

Answer 1

自己解決しました。

  generate: {
    routes: [
      '/foobar/'
    ]
  },

のように、routersの最後にスラッシュを入れていたためでした。お騒がせしました。