how to use asyncData ?

[mesutgok]

Hi,

how to use asyncData ? I have problem app init vuex state data.

Good works

 App running at:
  - Local:   http://localhost:8001
(node:10829) UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'errorMessage' of undefined
    at app.js:3606:20
(node:10829) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not
 handled with .catch(). (rejection id: 716)

[p1n5u]

Can you provide a demo repo or a sandbox with your code in it? With a simple log message, it is difficult to point out the issue.

Thanks

[hmillison]

Does this library support an asyncData method in Vuex or Vue? I don't see any references to it in the code or the docs?

[p1n5u]

The asyncData hook is only needed for vue <=2.5 and is not natively supported. You can refer to the vue ssr guide so see how to implement it.
If you use vue 2.6 or greater you can use the serverPrefetch hook which is natively supported for prefetching data on the server side. https://ssr.vuejs.org/guide/data.html#logic-collocation-with-components

[hmillison]

thanks @p1n5u. I had been trying to use serverPrefetch, but it wasn't working due to an issue from another library.

[p1n5u]

@hmillison could you make a repo with your code? I would like to take a closer look at the issue you have 🙂

[hmillison]

Im using this with vue-class-component, which has not added “serverPrefetch” to their list of component hooks: vuejs/vue-class-component#312

[mesutgok]

@p1n5u @hmillison vue cli ssr plugin and axios data fetch ssr using repo share pls ? I have problem api call vuex inital state not update

[Igor-Golovtsov]

@mesutgok hi, try use serverPrefetch for data fetch

serverPrefetch() {
  return this.fetchUsers();
},
methods: {
  fetchUsers() {
    return this.$store.dispatch('getUsers');
  },
}