how can i dispatch many request in asyncdata?

[zhangyuang]

asyncdata ({ store, router }) {
return store.dispatch('getTop250'), store.dispatch('getWillShow'), store.dispatch('getIsShow'), store.dispatch('getHotEmoji')
},
or
preFetch ({ store, router }) {
return Promise.all[store.dispatch('getTop250'), store.dispatch('getWillShow'), store.dispatch('getIsShow'), store.dispatch('getHotEmoji')]?
},

[sirlancelot]

My guess is you wrap the return value of asyncData in a promise like so:

asyncData({ store, router }) {
    return Promise.all([
        store.dispatch("getTop250"),
        store.dispatch("getWillShow"),
        store.dispatch("getIsShow")
    ])
}

However, you could also create a single Vuex action which fires off multiple async requests. Might be cleaner depending on how you plan to scale.

[rdunk]

Just a note to be careful with the Promise.all() method as it has fail-fast behaviour and will reject as soon as any of the passed Promises reject.

We are currently building an app which performs two async requests, one for app-wide data and one for the current view data. The app can instantiate if only the former resolves, so using Promise.all() is not reliable. We used a promiseAllSoftFail method to get round this, code can be seen here. Obviously this is a specific use case, but sharing here in case this is of use to anyone.